jquery - 外部点击 Ipad 设备不适用于 Div 关闭

Question

如果他们在 ipad 中单击该 div 外部，我正在尝试关闭一个 div 块，但它不起作用。

谁能让我知道我做错了什么

    if (IOSDevice()) // this is custom function
        {                       
            $(document).bind('touchstart',function(event){     
                // alert(event.target.id);          
                if(event.target.id !="MyDivId"){
                    $('#MyDivId').hide()
event.stopPropagation();
            }
        });

    }

Answer 1

$(document).on('touchstart', function (event) {
    if (!$(event.target).closest('#MyDivId').length) {
        $('#MyDivId').hide()
    }
});

Answer 2

我们还可以在容器变量中添加多个选择器

$(document).on('touchstart', function (e) {
var container = $("YOUR CONTAINER SELECTOR");

    if (!container.is(e.target) // if the target of the click isn't the container...
    && container.has(e.target).length === 0) // ... nor a descendant of the container
        {
            container.hide();
        }
});