隐藏<div>块在移动设备上不起作用

Question

我有回叫按钮和隐藏的回叫表。窗体在单击按钮后显示，单击屏幕上除窗体空间以外的任何位置后隐藏。但是！表单不要隐藏在移动设备上。我认为这个问题是在iOS上的联系跟踪。如何解决这个问题？

​

function showcallbackform (objName) {
    if ( $(objName).css('display') == 'none' ) {
        $(objName).animate({height: 'show'}, 200);
    } else {
        $(objName).animate({height: 'hide'}, 200);
    }
};

jQuery(function($){
	$(document).mouseup(function (e){
		var div = $("#callback-form");
		if (!div.is(e.target)
		    && div.has(e.target).length === 0) {
			div.hide();
		}
	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

​

Answer 1

您可以像这样绑定两个操作(鼠标和触摸事件)：

jQuery(function($){
    $(document).bind( "mouseup touchend", function(e){
        var div = $("#callback-form");
        if (!div.is(e.target)
            && div.has(e.target).length === 0) {
            div.hide();
        }
    });
});