jquery - 禁用特定 div 上的滑动

Question

有了这个 jQuery Mobile 1.9.1 代码，可以在用户向右或向左滑动时显示侧面板...

$(document).on("pageinit",".ui-page",function(){

    var $page=$(this);
    $page.on("swipeleft swiperight",function(e){
        if($page.jqmData("panel")!=="open"){
            if(e.type==="swiperight"){
                $page.find("#menu").panel("open");
            }else if(e.type==="swipeleft"){
                $page.find("#menu2").panel("open");
            }
        }
    });
});

当使用具有滑动功能的图像 slider 时，这会产生问题。在 slider div 内，当我向右滑动时，它会更改为下一张照片并打开面板...

我刚刚尝试这样做:

    $('#full-width-slider').swipe(function(e){
        e.stopPropagation();
        e.preventDefault();
    });

但是根本不起作用。

有什么方法可以禁用 div #full-width-slider 内的 jQuery Mobile native 滑动功能吗？

提前致谢。

Answer 1

.on('swipeleft swiperight', function(e){

相对于

.swipe(function(e){

虽然我对这个答案不是 100% 有信心，但感觉试验表明代码仍然存在问题，您可能需要对原始元素进行健全性检查，例如，

if($.inArray('full-width-slider', $.trim($(e.target).prop('id')).split(' ')) > -1){
    //full with slider is the target, so return out 
}