1 
(function(){
    if ($('#right-col').hasClass('shown')){
        $(this).swipe({
            swipe:function(event, direction, distance, duration, fingerCount) {
                $(this).addClass('hidden');//.text(direction);
            }
        });
    }; 
})();

这是我正在处理的网络项目的滑动功能。但不知何故，我的代码不适用于 if 语句。如果我只使用这个：

$('#right-col').swipe({
  swipe:function(event, direction, distance, duration, fingerCount) {
    $(this).addClass('bg-blue').text("You swiped " + direction );
  }
})

它工作正常。谁能告诉我，我上面的自调用功能有什么特别的问题吗？

4

2 回答 2

1

当你这样做的时候$(this).swipe(...)，this就是window。使用其 id 选择元素：

(function () {
    if ($('#right-col').hasClass('shown')) {
        $('#right-col').swipe({
            swipe: function (event, direction, distance, duration, fingerCount) {
                $(this).addClass('hidden'); //.text(direction);
            }
        });
    };
})();

请注意，如果#right-col元素的类稍后发生更改，则滑动功能不会受到影响。

于 2013-10-31T15:39:12.980 回答
1

这有点离题......但前段时间我写了我自己的滑动功能。

该功能主要在ios设备上进行测试。

1.创建自定义事件。

fc = 快速点击

swl = 向左滑动

swr = 向右滑动

swu = 向上滑动

swd = 向下滑动

2.它比其他滑动要快得多，您可以使用简单的纯js addeventlistener 或attachevent。

3.它是用纯javascript编写的。

4.fastclick事件也可以让你更快地点击元素..

点击 = 400-500 毫秒

快速点击 = 40-50 毫秒

window.onload=function(){
(function(d){
 var
 ce=function(e,n){var a=document.createEvent("CustomEvent");a.initCustomEvent(n,true,true,e.target);e.target.dispatchEvent(a);a=null;return false},
 nm=true,sp={x:0,y:0},ep={x:0,y:0},
 touch={
  touchstart:function(e){sp={x:e.touches[0].pageX,y:e.touches[0].pageY}},
  touchmove:function(e){nm=false;ep={x:e.touches[0].pageX,y:e.touches[0].pageY}},
  touchend:function(e){if(nm){ce(e,'fc')}else{var x=ep.x-sp.x,xr=Math.abs(x),y=ep.y-sp.y,yr=Math.abs(y);if(Math.max(xr,yr)>20){ce(e,(xr>yr?(x<0?'swl':'swr'):(y<0?'swu':'swd')))}};nm=true},
  touchcancel:function(e){nm=false}
 };
 for(var a in touch){d.addEventListener(a,touch[a],false);}
})(document);

// example
var h=function(e){console.log(e.type);};
document.body.addEventListener('fc',h,false);
document.body.addEventListener('swl',h,false);
document.body.addEventListener('swr',h,false);
document.body.addEventListener('swu',h,false);
document.body.addEventListener('swd',h,false);

}

这里有更多关于如何使用它的细节..

https://stackoverflow.com/a/17567696/2450730

它可能也适用于android。

于 2013-10-31T15:55:17.617 回答