jquery – 触摸设备的文档.click功能

我有一个使用jquery工作的子导航 – 用户点击顶级列表项,例如“服务”,触发下拉列表。下拉菜单通过点击“服务”链接切换。我已经使它,所以用户可以点击屏幕上的任何地方,将下拉菜单切换到关闭状态。但是由于网站是响应我希望用户能够点击(触摸)屏幕上的任何地方关闭下拉列表,但我的问题是,它不工作的触摸设备。

我的代码设置为文档点击是:

$(document).click(function(event) { 

  if ( $(".children").is(":visible")) {
    $("ul.children").slideUp('slow');
  }

});

我假设document.click可能不工作在触摸设备,如果不是,什么解决方法是有实现相同的效果吗?

谢谢

要通过点击或触摸触发功能,您可以更改:

$(document).click( function () {

对此:

$(document).on('click touchstart', function () {

或这个:

$(document).on('click touch', function () {

触摸启动事件在元素被触摸时立即触发,触摸事件更像是“轻敲”,即表面上的单个接触。你应该真的尝试每一个,看看什么最适合你。在某些设备上,触摸可能有点难以触发(这可能是好的或坏的东西 – 它防止拖累被计数,但意外的小拖曳可能会导致它不被触发)。

http://stackoverflow.com/questions/11397028/document-click-function-for-touch-device

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:jquery – 触摸设备的文档.click功能