Question

更新：代码很好。在CSS中有问题。我使用了position : fixed;并没有设置left属性。当我添加left: 0;时，它运行正常。

感谢大家

$('#menu-drop').click(function(){
    $('#site-navigation').toggleClass("dropdown-show");
});

https://jsfiddle.net/shktjeao/

我正在使用Wordpress主题，但jQuery功能无法在iPhone或Safari（mac）上运行。它适用于iPad，Chrome（mac）。

当我在jsfiddle上运行代码时，它在所有设备上都能正常工作。

我的wordpress是here。

我该如何解决这个问题？

Answer 1

尝试使用此代码

$(document).on('click', '#menu-drop', function () {
   $('#site-navigation').toggleClass("dropdown-show");
});

Answer 2

对于iOS设备，您也需要倾听touchstart：

$(document).on('click touchstart', '#menu-drop', function() { 
  $('#site-navigation').toggleClass("dropdown-show");
})

Answer 3

尝试在按钮上添加指针光标并使用.on绑定点击事件

示例： https://output.jsbin.com/fisuhuzima

$('#menu-drop').css('cursor','pointer');
$(document).on('click', '#menu-drop',  function(event) {
    event.preventDefault();
    $('#site-navigation').toggleClass("dropdown-show");
});

jQuery点击不适用于iPhone（仅限）

3 个答案: