0

qtip2 を使用して、Web サイトにツールチップを含むチュートリアルを作成しようとしています。私がやりたいことはこれです:

  • ツールチップ内のどこかに「次へ」のリンクを配置します (リンクを一番下にだけ配置するのではなく)

ここに jsfiddle を設定しました。そして、私はこれを使用しました:

... content: 'Description...' + ' <a id="next" href="#">Next &raquo;</a>'

しかし、私の試みはうまくいかなかったようです。

下部の「次へ」リンクをクリックすると正常に動作しますが、ツールチップ内のリンクは動作しません

何か案は?前もって感謝します!

4

1 に答える 1

1

を使用delegateします (jQuery のバージョンによっては、のon代わりに を使用することもできますdelegate) 。

$(document).delegate("#next, #prev", "click", function (event) {

それ以外の

$('#next, #prev').bind('click', function(event) {

ここで動作するjsFiddle

説明 :

後の段階でツールチップが HTML DOM ツリーに追加されていると思います - バインディングが行われた後 ( ) 、それがあなたをここで失敗さ.bindせない理由です...delegate

デリゲート- 説明:ルート要素の特定のセットに基づいて、現在または将来、セレクターに一致するすべての要素の 1 つ以上のイベントにハンドラーをアタッチします。

于 2012-12-11T10:21:43.063 に答える