與$（this）一起使用TouchSwipe

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

你可以做這樣的事情，讓你要檢查元素的內容：

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

然後應用淡出如果內容符合您指定的標準，是這樣的：

  if (strHTML == "Content 1") 
       $(this).find(".hello").fadeOut(300); 

當然假設你知道目標元素的內容，或者你可以使用一些可辨別的模式。