iOS上的点击事件将无法使用,除非点击图片...为什么?

时间:2013-08-07 06:38:15

标签: jquery ios click mobile-safari

我想点击一个Div打开它,当点击页面上的任何其他内容时关闭它并且它在除iOS之外的所有浏览器上都能正常工作,只有在你单击图像时它才会关闭。这里有几个类似的问题,主要是这个问题听起来像我的问题($(document).click() not working correctly on iPhone. jquery)但对不起,我不能让它们中的任何一个工作 - 有人可以帮忙吗?

为什么就是这种情况 - iOS中的图像/ jQuery有什么特别之处?

HTML:

<p>Click on the box to show the div</p>
<div id="toolbar">
    <div id="searchbox">
        <p>Click anywhere else to hide the div</p>
    </div>
</div>
<img src="http://upload.wikimedia.org/wikipedia/commons/c/ce/Example_image.png" width="240" height="240" />

jQuery的:

$(document).ready(function () {
$('#toolbar').click(function (e) {
    $('#searchbox').fadeIn();
    e.stopImmediatePropagation();
});
$(document).click(function (e) {
    $('#searchbox').fadeOut();
});

});

请看这里的小提琴: http://jsfiddle.net/atype/PqdTK/7/

1 个答案:

答案 0 :(得分:0)

我的印象是,对于不严格hrefs的元素,第一次按下是“悬停”事件,第二次按下手指就是“点击”。