Javascript 使外部JS脚本中的元素可单击

Javascript 使外部JS脚本中的元素可单击,javascript,Javascript,我想知道如何链接到从外部javascript加载的元素(就像外部网站上托管的聊天小部件)。我在谷歌上搜索了很多关于堆栈溢出的线程,都有类似的问题,但没有一个代码像预期的那样工作 出现在我的网站标题中的代码 var shadow = 'box-shadow: none;' var customStyle = '.ExampleLauncherContent__bubble {' + shadow + '}'; var myExample = new Examp

我想知道如何链接到从外部javascript加载的元素(就像外部网站上托管的聊天小部件)。我在谷歌上搜索了很多关于堆栈溢出的线程,都有类似的问题,但没有一个代码像预期的那样工作

出现在我的网站标题中的代码

  var shadow = 'box-shadow: none;' 
  var customStyle = '.ExampleLauncherContent__bubble {' + shadow + '}';            
  var myExample = new ExamplePopup({
    index: 'https://example.com/example.html',
     launcherOptions: {
     style: customStyle,
  }
  });
然后,在我的网站的自定义CSS部分中,元素的样式是这样的

.ExampleLauncher:before { 
    content: "Example"; 
    position: absolute;
    padding: 15px;
    padding-left: 75px;
    opacity: 1; 
    color: #333; 
    border-radius: 30px; 
    background: #FFF;
    z-index: -1; 
} 
现在我想让整个CSS样式的元素可以通过一个链接点击,但我不确定如何集成代码,例如我在其他线程中发现的没有按预期工作的代码(或者我实现了错误的代码)


所有这些都毫无意义。充其量是第四个,但您是否在页面中包含了jQuery的副本?这是如何定义的
newexamplepoop
,它来自哪里?请告诉我们更多关于它的信息-可能链接到您正在使用的库。嗨,我从相关线程获得了这些脚本,我认为jquery包含在某个地方,但是在标题中只包含了这个相关脚本,这也是我基于脚本的聊天机器人。链接到库,我用example替换了这些术语,但是OP中的术语代表LandbotLauncher和LandBotPopup,我只是想让ExampleLauncher(实际上是LandbotLauncher)CSS样式的元素触发bot弹出,当使用文本链接时,下面的脚本用于触发这个(添加到OP中),但是我不知道如何在一个元素中实现这一点,所有这些都没有任何意义。充其量是第四个,但您是否在页面中包含了jQuery的副本?这是如何定义的
newexamplepoop
,它来自哪里?请告诉我们更多关于它的信息-可能链接到您正在使用的库。嗨,我从相关线程获得了这些脚本,我认为jquery包含在某个地方,但是在标题中只包含了这个相关脚本,这也是我基于脚本的聊天机器人。链接到库,我用example替换了这些术语,但是OP中的术语代表LandbotLauncher和LandBotPopup,我只是想让ExampleLauncher(实际上是LandbotLauncher)CSS样式的元素触发bot弹出,当使用文本链接时,下面的脚本用于触发这个(添加到OP中),但我不确定如何在元素中实现这一点
<script>
a onclick="jsfunction()" href="#"
</script>

<script>
div.ExampleLauncher("click", function() {
   alert("You clicked this div");
});
</script>

<script>
$(".ExampleLauncher").keyup(function(event){
  if(event.keyCode == 13){
    $(".ExampleLauncher").click();
  }
});
</script>

<script>
$(".ExampleLauncher").click(function(){
     window.location=$(this).find("a").attr("href"); 
     return false;
    });
</script>

<script>
$('.ExampleLauncher').onclick="myExample.open()    
});
</script>
   myLandbotpop.on('landbot-load', function(){
   var buttonOpen = document.getElementsByClassName("openbot")[0];
   buttonOpen.addEventListener("click", myLandbotpop.open)