jquery - 除非单击图像，否则 iOS 上的单击事件将不起作用……为什么？

Question

我试图让一个 Div 在单击时打开，并在单击页面上的其他任何内容时关闭，它在除 iOS 之外的所有浏览器上都可以正常工作，只有在您单击图像时它才会关闭。这里有几个类似的问题，主要是这个听起来像我的问题（$(document).click() 在 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/

Answer 1

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