onClick() 不适用于 dropkick.js 中的目标元素

Question

我正在使用超级棒的 dropkick.js，但我注意到一件小事；使用 jquery onClick() 事件来定位列表中的元素似乎是不可能的。

我尝试过使用第 n 个子选择器（通过 css 效果很好）和警报并停止传播和各种不同的方法；但由于某种原因，每当我单击列表中的某个元素时，它都不会听到我已单击该元素，并且不会继续执行我要求的操作。这是我的代码：

<div class="dk_options" style="top: 34px;">
     <ul class="dk_options_inner">
          <li class="" style=""><a data-dk-dropdown-value="">PICK A PRINT</a></li>
          <li class="digital dk_option_current" style=""><a data-dk-dropdown-value="digital">Giclee Print</a></li>
          <li class="screen"><a data-dk-dropdown-value="screen">Screen Print</a></li>
     </ul>    
</div>

这是脚本：

<script type="text/javascript">
     $(document).ready(function() {
 $('.screen-price').hide();

  $('.screen').click(function(){
      $('.digital-price').hide();
      $('.screen-price').show();
      return false;
   });

   $('.digital').click(function(){
      $('.screen-price').hide();
      $('.digital-price').show();
      return false;
   });

   $('.add-to-cart').click(function(){
      return false;
   });              

    });


</script>

我不确定交易是什么；我尝试过各种解决方案。请告诉我。

Answer 1

好的。我想我已经明白了这一点。我不知道为什么它会这样工作，但确实如此。

因此，为了定位我的菜单，我必须：

1）专门调用菜单；在本例中，它是 .price-menu

2) 确保我使用 .dropkick 调用它

$('.price-menu').dropkick({

3) 使用 change: function() 语句

4) 将它们全部串在一起，看起来像这样

$('.price-menu').dropkick({
  change: function () {
      $('.screen').click(function(){
  })}
});

：出于某种原因，执行我想要它执行的操作的代码在整个事情之外，但仍在脚本本身内；一探究竟：

$(document).ready(function() {
$('.screen-price').hide();

$('.price-menu').dropkick({
  change: function () {
      $('.screen').click(function(){
  })}
});

$('.screen').click(function(){
      $('.digital-price').hide();
      $('.screen-price').show();
});

$('.digital').click(function(){
      $('.screen-price').hide();
      $('.digital-price').show();
});

}）;

这就是窍门。我不确定到底为什么，但它确实有效。

有人对它的工作原理有任何见解或者愿意向我解释吗？

另外，非常感谢所有发布到此帖子的人 - 我很感激 :c)

干杯！
杰成