onClick () не работает для нацеливания на элементы в dropkick.js

Question

Я использую супер удивительный dropkick.js, но я замечаю одну маленькую вещь;нацеливание на элементы в его списках не представляется возможным с событием jquery onClick ().

Я пытался использовать nth дочерние селекторы (которые прекрасно работают через 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(){
  })}
});

Теперь, по какой-то причине, код, который делает то, что я хочу, находится за пределами всего этого, но все еще внутри сценария itsefl; проверить это:

$(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)

Ура! JC