Question

此代码有效：

$('.test').swipe({
    tap: function(){
        alert('testing');
    }
});

$('#hello').swipe({
    tap: function(){
        alert('hello world');
    }
});

我可以恢复：

function tap(obj, fn){
    $(obj).swipe({
        tap: fn
    });
};

然后，为了使用它，我可以做到：

tap('.test', function(){
    alert('testing');
});

tap('#hello', function(){
    alert('hello world');
});

但是我希望它像一个事件看起来更友好：

$('.test').on('tap', function(){
    alert('testing');
});

$('#hello').on('tap', function(){
    alert('hello world');
});

我怎样才能恢复呢？

Answer 1

As Marcos Pérez Gude said，您可以创建自己的活动。由于您不想使用jQuery移动库，因此您可以制作自己的tap事件。例如：

$('.test').on('tap', function(){
    alert('testing');
});

$('#hello').on('tap', function(){
    alert('hello world');
});

$('#bye').on('tap', function(){
    alert('leaving out');
});

然后触发事件：

$('.test').swipe({
    tap: function(){
        $(this).trigger('tap')
    }
});
$('#hello').swipe({
    tap: function(){
        $(this).trigger('tap')
    }
});

$('#bye').swipe({
    tap: function(){
        $(this).trigger('tap')
    }
});

使功能看起来像一个事件友好

1 个答案: