jQuery / jQuery移动点击/滑动事件

时间:2011-08-12 13:53:14

标签: javascript jquery web-applications

您好我尝试从元素中调用此函数,但元素ID是动态的。

<script>
$(function() {
  $('#showme_').live('swiperight',function(event) {
    $("#showDel_").show(); 
});
</script>

如果用户在某个元素上滑动,则会显示删除按钮。

<div id="swipeme_1">swipe me
<div id="showDel_1" style="display:none;">DELETE</div>
</div>

<div id="swipeme_2">swipe me
<div id="showDel_2" style="display:none;">DELETE</div>
</div>

<div id="swipeme_2">swipe me
<div id="showDel_3" style="display:none;">DELETE</div>
</div>

我可以通过使用网站的后端代码循环javascript来实现相同的效果。有另一种/更简单的方法吗?

此致

1 个答案:

答案 0 :(得分:2)

我不知道您为swiperlight事件使用了哪个插件。但是,如果你没有使用touchwipe插件,那么我建议你看看这个

http://www.netcu.de/jquery-touchwipe-iphone-ipad-library

示例代码

$("#showme_").touchwipe({
     wipeLeft: function() { alert("left"); },
     wipeRight: function() { alert("right"); },
     wipeUp: function() { alert("up"); },
     wipeDown: function() { alert("down"); }
     preventDefaultEvents: true
});