jquery - aTooltip 不适用于生成的内容

Question

我正在使用aToolTip并遇到一些奇怪的行为。可能是 Jquery 中的错误？

如果链接是由 jquery 直接生成的，则工具提示可以正常工作。但是，如果链接是由更改事件触发的，则它不起作用。

所以这不起作用：

<select id="sel">
<option value="1">1</option>
<option value="2">2</option>
</select>

<div id="thediv">
</div>

<script type="text/javascript">
$( "#sel" ).change(function() {

    var s = '<a href="#" class="fixedTip" title="tooltip text">some text</a>';
    $('#thediv').append(s);
});
</script>

但这有效：

<select id="sel">
<option value="1">1</option>
<option value="2">2</option>
</select>

<div id="thediv">
</div>

<script type="text/javascript">

    var s = '<a href="#" class="fixedTip" title="tooltip text">some text</a>';
    $('#thediv').append(s);
</script>

即唯一的区别是正在写入的链接不是由选择中的更改触发的。我尝试警告检查 html，它是相同的。

Answer 1

在将动态添加的元素添加（附加）到 DOM 之后，您需要重新初始化工具提示插件

尝试这个

 $( "#sel" ).change(function() {

  var s = '<a href="#" class="fixedTip" title="tooltip text">some text</a>';
  $('#thediv').append(s);
    $('a.fixedTip').aToolTip();   //<---- here 
});