jQuery:使用 touchmove 禁用和启用触摸

Question

我使用此代码来禁用和启用触摸:

jQuery(document).ready(function(){

 jQuery("body").on("touchmove", false);

 jQuery('button').click(function(){
     jQuery("body").on("touchmove", true);
 });

});

禁用触摸功能工作正常，但单击按钮后触摸无法启用。

代码有什么问题吗？

Answer 1

问题只是在于您没有传递 on 所需的参数。 。您应该传递一个函数(事件处理程序)而不仅仅是一个 bool 值。

解除绑定(bind)然后重新绑定(bind)的最简单方法是在某个地方有一个 bool 值并在处理程序中测试它。例如:

myapp = {active: true}; // change this boolean
jQuery("body").on("touchmove", function(e) {
    if (myapp.active) { // change myapp.active
        // do things
    }
});

如果你想明确解除绑定(bind)，而不是传递 false至on ，使用off 。路过false是一个未记录的技巧，可能会在未来的版本中崩溃。

off documentation还包含单击时绑定(bind)/取消绑定(bind)函数的另一种方法的示例:

function aClick() {
  $("div").show().fadeOut("slow");
}
$("#bind").click(function () {
  $("body").on("click", "#theone", aClick)
    .find("#theone").text("Can Click!");
});
$("#unbind").click(function () {
  $("body").off("click", "#theone", aClick)
    .find("#theone").text("Does nothing...");
});