我目前正在尝试在HTML5中构建移动网络应用,并且想知道是否有人可以指出我正确的方向。
我想使用javascript模拟iphone / ipad中的A-Z部分索引功能。以下是您可以在webkit上查看的一个示例:http://dev.sencha.com/deploy/touch/examples/oreilly/ (点击“发言人”)
这是我到目前为止的功能:
$(".jumplistitem").bind("touchmove", function(e) {
e.preventDefault();
letter = $(this).text().toLowerCase();
scrolltarget = ".x-group-" + letter;
merchantScroll.scrollToElement(scrolltarget, 0);
});
该功能在简单的点击或触摸事件中触发,但我需要您在示例中看到的“拖动”行为。因此,用户只需将他/她的手指在a-z列表中上下拖动,该功能就会相应地触发。现在,它只发射一次。
有趣的是,它使用鼠标悬停事件可以完美地工作。我需要模仿它。
我认为问题在于“this”元素,但任何帮助都会受到赞赏!
答案 0 :(得分:3)
jQuery的事件对象包含对发起事件的对象的引用。在你的例子中,那将是'e.target'。
letter = e.target.text().toLowerCase();