Tooltipster 在第二次点击 <a> 链接时工作，该链接在页面加载后在页面中动态生成？

编程问答 2022-05-29

问题描述

我正在寻找以下方案的解决方案，以使工具提示器正常工作，

<link href="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/css/tooltipster.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.3.0/js/jquery.tooltipster.min.js"></script>
  1. 对于我在页面加载时，我正在注册如下所示的工具提示器，并使用不同的 id 动态创建我的 4 个锚链接，如下所示。

$(function() { console.log("准备好了！"); $('.tooltip').tooltipster(); $("#display").append(" " + elementLanguage.toupperCase() + " "); });

  1. 通过单击任何一个动态创建的锚链接（语言短代码），它会在代码中进行一些处理。如果发生错误，那么我必须在带有消息字符串的锚链接下方显示工具提示。

这里的 destlanguageShortCode 只不过是锚链接的 id，它是在同一页面的页面加载时动态创建的。

.catch(error => {
          tooltipMessage(destlanguageShortCode);
    }); 

function tooltipMessage(destlanguageShortCode)
{ 
   var errorMessage = "Translation from "+ sourceLang +" to "+ destLang +" not available.";    
     $('#'+destlanguageShortCode).tooltipster({     
        content: errorMessage,trigger: 'click',debug: true,contentAsHTML: 'false',theme: 'tooltipster-noir',position: 'bottom',animation: 'fade',interactive: true,delay: 200,theme: 'tooltipster-default',position: 'bottom'  });

}

加载时我正在注册 tooltipster。同样在页面加载时，我不能保证在页面中点击了哪个链接。

到目前为止，我只能通过单击屏幕上第二次显示的工具提示。？

有人可以帮我吗？

谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

dynamicdynamicdynamicjavascriptjquerytooltiptooltiptooltiptooltipster