javascript - 与 live() 一起使用的滑动事件？

Question

我在页面上有动态加载的元素，但我还需要能够在这些 div 上滑动。

我搜索了 jQuery 滑动事件，找到了 touchSwipe .这很好，因为它是跨浏览器的，但它不允许我使用 .on() 或 .live()，因此不考虑动态元素。

这是我的意思的一个例子，http://jsfiddle.net/wUkZq/

我可以通过滑动来处理动态元素的唯一方法是将滑动事件附加到父级。问题是，我不希望 parent 可以滑动。在示例中，如果您使用 a 链接创建一些元素，然后尝试在 .content 内滑动，它将返回所有元素的文本，这不是什么我想要，因为在父项中不应允许滑动。

是否有更好的方法或更好的插件？理想情况下，我不想使用插件，而是纯 JS，但我找不到一个很好的例子来计算这个人何时实际滑动而不是其他事件(即滚动)。

Answer 1

如何简单地为每个可滑动元素分配一个特定的类，然后在 swipe 事件处理程序中检查该类？我想，对于这种情况，这是一个很常见的技巧。例如:

swipeLeft: function(event, direction, distance, duration, fingerCount) {
  var $target = $(event.target);  
  if (! $target.hasClass('sw')) {
    return false;
  }
  alert($target.text());
}

这是一个 JS Fiddle说明这个概念。