Jquery无法在移动设备上工作(适用于响应式桌面版)

时间:2017-05-31 18:33:20

标签: javascript jquery

使用以下脚本在我的手机上无效。

    $(document).on('click', '.qtyplus' , function(e) {
      var mainProductIDPlus = $(this).attr('data-itemid');
      if ( $( this ).hasClass( "qtyplushide" )) {
            console.log("hiding");
            $(this).closest(".size-selector-wrapper-plus").addClass('hidden');
            $(this).closest(".size-selector-wrapper-plus").css("zIndex", "0");
            var currentMainVal = parseInt($(this).parent('.size-selector-wrapper').siblings('.meal-row-quantity-collection').find('input').val());
            $(this).parent('.size-selector-wrapper').siblings('.meal-row-quantity-collection').find('input').val(CurrentMainVal+1);

          }
    });

它到达console.log语句,它表示if语句为true,它将打印"隐藏"但是元素不会仅在我的移动设备(I Phone Safari浏览器)上消失(z索引0),它在桌面和响应式桌面窗口上正常运行。

在移动设备上使用的任何命令都不兼容吗?

编辑:调试时我找到了在移动设备上停止脚本的步骤

                $(this).closest(".size-selector-wrapper-plus").addClass('hidden');

此行不会生成错误,但会立即退出脚本并且不允许脚本更远(隐藏元素)

0 个答案:

没有答案