Question

最近我在这里得到了一些特殊问题的巨大帮助。我大约90％完成了它。

我遇到了让jQuery点击功能在移动设备上运行的问题。

但是，在下面的代码中，顶级函数（.cartholder＆gt; h3）在移动设备上正常工作有点奇怪，但其余部分则没有。

（.fa-shopping-cart是.cartholder＆gt; h3的移动版本，因为它通过fa-icon激活 - 但它不起作用。）

  //Dropdown cart in header
  $('.cart-holder > h3').click(function(){
      if($(this).hasClass('cart-opened')) {
          $(this).removeClass('cart-opened').next().slideUp(300);
      } else {
          $(this).addClass('cart-opened').next().slideDown(300);
      }
  });
   //Dropdown cart in header (mobile)
   $('.fa-shopping-cart').click(function(){
      if($(this).hasClass('cart-opened')) {
          $(this).removeClass('cart-opened').next().slideUp(300);
      } else {
          $(this).addClass('cart-opened').next().slideDown(300);
      }
  });
  //Popup rating content
  $('.star-rating').each(function(){
      rate_cont = $(this).attr('title');
      $(this).append('<b class="rate_content">' + rate_cont + '</b>');
  });
  //Hamburger dropdown menu (mobile)
  $( ".cross" ).hide();
  $( ".hamburger" ).click(function() {
    $( ".sf-menu" ).slideToggle( "slow", function() {
      $( ".hamburger" ).hide();
      $( ".cross" ).show();
    });
  });

  $( ".cross" ).click(function() {
    $( ".sf-menu" ).slideToggle( "slow", function() {
      $( ".cross" ).hide();
      $( ".hamburger" ).show();
    });
  });
 //Search header (mobile)
  $( ".fa-search" ).click(function() {
    $( "#search-mobile" ).slideToggle( "slow", function() {
    });
  });

问题不应该是jQuery版本或touchevents，因为.cartholder＆gt; h3可以在移动设备上工作。

渴望收到你的回复：）

移动设备上的Jquery问题

0 个答案: