jQuery点击不适用于iPhone（仅）

Question

更新：代码很好。在CSS中有问题。我用position : fixed;并没有设置left属性。正如我添加left: 0;它工作得很好。

感谢各位

---

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

https://jsfiddle.net/shktjeao/

我工作的WordPress的主题，但jQuery函数不工作在iPhone或Safari（苹果机）。它适用于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"); 
});