0

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をチェックするために警告を試みましたが、それは同一です。

4

1 に答える 1

1

DOMに追加（追加）された後、動的に追加された要素のツールチッププラグインを再初期化する必要があります

これを試して

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

  var s = '<a href="#" class="fixedTip" title="tooltip text">some text</a>';
  $('#thediv').append(s);
    $('a.fixedTip').aToolTip();   //<---- here 
});
于 2013-09-10T11:03:23.190 に答える