Question

我正在使用一个简单的切换脚本来显示/隐藏 - 这在桌面浏览器上运行良好但在移动设备上不起作用。尝试搜索论坛但空洞。

jQuery(document).ready(function(){

var $socialbar  = $('#socialbar');

jQuery('#social-icons span#social-hover').on('click', function(e){
    e.preventDefault();

   if($(this).attr('id') == 'social-hover') {

      $socialbar.slideToggle(300, function(){

   });
  }
});
});

适用于桌面浏览器但不适用于移动设备。

感谢您的帮助！

Answer 1

实际上，您不需要像#social-icons span#social-hover这样的选择器，因为每个元素ID在HTML代码中都应该是唯一的。您可以直接选择绑定click事件。此外，桌面浏览器和移动设备中的事件传播可能不同。尝试停止传播，如下面的代码。

jQuery(document).ready(function($){
  $('#social-hover').on('click', function(e){
      e.preventDefault();
      e.stopPropagation()
      $('#socialbar').slideToggle(300);
  });
});

jQuery“slideToggle”没有在移动设备上切换

1 个答案: