javascript - jqueryトグルとネストされたフォーム

Question

何らかの理由で、以下が機能していません。どうしたの？

要素の表示を切り替えようとしています。jsを介してフォームを追加するので、ページにクラス'variant_description_link'のリンクが複数あります。私が欲しいのは、最も近い'variant-description'ブロックを見つけて可視性を切り替えることです。

$('.variant_description_link').click(function() {
  $(this).closest('.variant-description').toggle();
});

score 1 · Accepted Answer

要素が実際にDOMで使用可能になる前に、jQueryによって呼び出されていると思います。

$(document).ready(function() {
    $('.variant_description_link').click(function() {
        $(this).toggle();
    });
});

score 0 · Accepted Answer

jsを介してフォームを追加するので、ページにクラス'variant_description_link'のリンクが複数あります。

クリックに委任されたイベントを使用する必要があるようですon。jsを介して追加するフォームにvariant_description_link

これを試して

 $(document).on('click','.variant_description_link',function() {
   $(this).closest('.variant-description').toggle();
});

2 に答える 2