jquery切换和嵌套表单

Question

由于某种原因以下不起作用。怎么了？

我只是想切换元素的可见性。我有多个链接与页面上的'variant_description_link'类，因为我也通过js添加表单。我想要的只是找到最接近的'变体描述'块并切换可见性。

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

Answer 1

我猜测jQuery在DOM实际可用之前会调用这些元素。

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

(working example)

Answer 2

  

我在页面上有类'variant_description_link'的多个链接，因为我也通过js添加表单。

听起来您需要使用on委托事件进行点击..如果您通过js添加的表单包含variant_description_link

试试这个

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