javascript - 滑动功能不适用于我的 if 语句

Question

(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 );
  }
})

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

Answer 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 元素的类，滑动功能不会受到影响。