javascript - 如何获取 TouchSwipe 事件目标

Question

我有一个漂亮的 css 切换控件，我正在尝试为其添加滑动支持，并且我正在使用 TouchSwipe 插件。问题是我不知道如何只影响调用它的元素。我在页面上有一堆切换按钮，现在它们都被触发了，而不仅仅是我在上面滑动的那个。 (触摸滑动插件:http://labs.rampinteractive.co.uk/touchSwipe/demos/)

例如，这段代码:

/* Toggle */
$('.toggle2').click(function() {
    /* code which switches between toggled on and toggled off */
}).disableSelection().swipe({
    _this: $(this),
    swipeLeft: function(event, direction, distance, duration, fingerCount, fingerData){ 
        if ($('.toggle2').hasClass('on'))
            $('.toggle2').trigger('click');
    },
    swipeRight: function(event, direction, distance, duration, fingerCount, fingerData){
        if ($('.toggle2').hasClass('off')) alert('n');
            $('.toggle2').trigger('click');
    },
    threshold: 0
});

有效，但它触发了我在页面上的所有切换。我尝试将 $('.toggle2') 更改为 $(event.target) 无济于事。我做错了什么？

Answer 1

虽然您在问题中没有分享太多内容，但看起来您所有其他切换开关都有 toggle2作为他们的类(class)(<div class="toggle2"></div>)。将另一个添加到您要滑动的那个 ( <div class="toggle2 toggle-swipe"></div> )，并将其用于您的滑动脚本:

$('.toggle-swipe').click(function() {
    /* code which switches between toggled on and toggled off */
}).disableSelection().swipe({
    // ...
});