Question

有一个图像和另一个div。

<img src="clock.jpg" id="date"/>
<div id="toggleDIV"> toggleDIV </div>

如何在每次点击按钮时显示#toggleDIV'，但在触摸时切换视图？因此，在触摸设备上，我希望按钮可以作为ON / OFF按钮使用，但是在没有触摸的设备上，我希望它只能作为ON使用。

$("#date").click(function(){
  if ($('#toggleDIV').css('display')=='none')
    $('#toggleDIV').fadeIn();
});

Answer 1

尝试这样的事情：

$("#date").click(function(){
    $('#toggleDIV:hidden').fadeIn();
});
$("#date").on("touchstart", function(){
    $("#date").off("click");
    $('#toggleDIV').fadeToggle();
});

工作原理：单击按钮时，div将始终显示，但是当您触摸按钮时，click事件处理程序将从按钮中删除，而它将运行{ {1}}处理程序。

JSFiddle

注意：请参阅@ Rory的评论，为什么不使用浏览器嗅探。

切换触摸并仅在点击时显示

1 个答案: