Javascript jquery单击事件不会在iPhone中的按钮元素上触发

Javascript jquery单击事件不会在iPhone中的按钮元素上触发,javascript,jquery,ios,css,iphone,Javascript,Jquery,Ios,Css,Iphone,使用: Visual Studio 2013 MVC5 jQuery 1.10.2 iPhone上不会调用元素的.click()事件。在我的MVC项目中,所有的元素都是这样。它已经在多部iPhone(iPhone 5和iPhone 6设备)上进行了测试,所以这似乎不是一个孤立的问题 它也已经在装有Firefox、IE和Chrome的PC上进行了测试,并按预期工作。它也已经在Android设备和Windows phone上进行了测试,.click()事件可以正常工作。我无法确定这是Safari

使用:

  • Visual Studio 2013
  • MVC5
  • jQuery 1.10.2
iPhone上不会调用
元素的.click()事件。在我的MVC项目中,所有的
元素都是这样。它已经在多部iPhone(iPhone 5和iPhone 6设备)上进行了测试,所以这似乎不是一个孤立的问题

它也已经在装有Firefox、IE和Chrome的PC上进行了测试,并按预期工作。它也已经在Android设备和Windows phone上进行了测试,.click()事件可以正常工作。我无法确定这是Safari、Safari Mobile、iPhone还是iOS问题

我发现,关于iOS设备的堆栈溢出讨论有时无法处理本质上不可单击的元素,除非添加css样式将光标指向指针(
cursor:pointer
)。但是,此变通方法仍然不适用于
元素

我认为值得一提的是,当使用锚定标记(
)并将其样式设置为类似于按钮时,.click()事件在iPhone设备上应该触发

是否有人经历过这种情况,如果有,是否知道一种变通方法?我知道我可以将所有
元素更改为
标记,如果有必要,我会这样做。但我想了解为什么会发生这种情况,以及我是否在做什么导致了这一问题。非常感谢

下面是我正在使用的标记和jquery代码片段:

$(文档).ready(函数(){
$('taskContainer')。在('click','btnSave',函数(事件){
log('单击保存按钮');
});
});

拯救

在单击触发器的末尾使用return false:

$('#taskContainer').on('click', '#btnSave', function (event) {
    console.log('save button clicked');
    return false;
});

@哲卡-谢谢你的建议。在单击触发器的末尾添加“return false”仍然不起作用。