Действие нажатия и удержания не работает в мобильном телефоне / Firefox Mobile Tester

#php #jquery #ajax #jquery-mobile #shopify

#php #jquery #ajax #jquery-мобильный #Shopify

Вопрос:

Я пытаюсь изменить непрозрачность элемента в mousetap или hold в Shopify, но, похоже, это не работает. Я добавил предотвращение по умолчанию, поскольку сетка-product__link — это ссылка <a href="url" class="grid-product__link is a link">

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>    
<script>      
  $(document).ready(function() {        
  $('grid-product__link').on('taphold',function(event){
    event.preventDefault;
     $('.grid-product__secondary-image').css('opacity','1');
    });
    
   $('grid-product__link').on('tap',function(event){
    event.preventDefault;
      $('.grid-product__secondary-image').css('opacity','1');
    });   
  });      
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mobile/1.4.1/jquery.mobile.min.js"></script>
  

Ответ №1:

event.preventDefault это функция. И вы просто ссылались на это как на значение вместо того, чтобы запускать его в своем коде.

Вместо,

 event.preventDefault;
  

вы должны сделать это:

 event.preventDefault();