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>

即。唯一的区别是正在写入的链接不是由select中的更改触发的。我试过警告检查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 
});

aTooltip不适用于生成的内容

1 个答案: