jquery - jquery-ui-touch-punch と .on() が iPad で機能しない

Question

jQuery、jQuery UI、および jquery-ui-touch-punch に大きく依存するカスタム Web ダッシュボードがあります。iPad の動的コンテンツ (js が追加された要素) のクリックイベントを除いて、すべてが機能します。

したがって、これはどこでも機能します

$('.foo').click( function() {
    //whatever
});

ただし、動的コンテンツのイベントは、このように iPad では機能しません

$('body').on('click', '.foo', function() {
    //whatever
});

ダッシュボードはリアルタイムで監視するため、動的要素のイベントは必須です。修正方法に関するアイデアはありますか？

score 0 · Accepted Answer

jQuery のバージョンによっては、delegate. また、ドキュメントレベルをターゲットにして、次のようにセレクター/イベントの順序を逆にします。

$(document).delegate('.foo', 'click', function() {
    //whatever
});

onその場合、セレクター/イベントの順序は正しいので、ドキュメントレベルでターゲットにするだけです。

score 0 · Accepted Answer

@elzi の回答に従って delegate() を試しましたが、うまくいきませんでした。on() および delegate() と同じように jquery ドキュメントで bind() を見て、試してみたところ、うまくいきました!!

$( ".foo" ).bind( "click", function() {
    //whatever
});

2 に答える 2