Question

我正在试图弄清楚如何使用touchSwipe插件使其仅影响一个元素。

<div class="element">Content 1 <p class="hello">Hello</p></div>
<div class="element">Content 2 <p class="hello">Hello</p></div>
<div class="element">Content 3 <p class="hello">Hello</p></div>

我的jQuery是这样的：

$('.element').each(function() {
$(this).swipe({
swipeLeft: function() { $(this).find('.hello').fadeOut(300) }
});
});

问题是这不起作用（实际上，没有任何反应，但可以识别swipeLeft）。

我想要的效果基本上就是如果我在内容为1的div上向左滑动，只有它的“Hello”应该淡出。

Answer 1

您可以执行以下操作来获取要检查的元素的内容：

output

如果内容符合您指定的条件，则应用fadeOut，例如：

            var strID = $(this).html().substr(0, 9);

当然假设你知道目标元素的内容，或者你可以使用一些可辨别的模式。

使用TouchSwipe和$（this）

1 个答案: