メニュー

WEBMEMOする。とあるクリエイターの個人的な備忘録。

クリックイベントが動作しない!という場合、まずはクリックする対象がAjaxなどで遅延読み込みされている要素かどうか確認しましょう。

そのような場合は少し注意しないとクリックイベントが発動しないからです。

さて、jQueryでクリックイベントを実装する時、

$('要素').click(function(){hogehoge});

というように、簡単に記述できますが、この方法では遅延読み込みさせた要素には効きません。

$(‘要素’)はドキュメントを読み込んだ時点ではまだ存在していないからです。

次のように記述しましょう。

$(document).on('click', '要素', function(){hogehoge});

documentは必ず存在しているので、上記のようにすると参照ポイントがdocumentスタートになるので、無事クリックイベントが発動します。

目次
    - Thank you for reading this to the end. -

    コメントする

    CAPTCHA


    TOPへ Top