Question

我正在制作一个移动网络应用，并且我正在尝试建立一个星级评分系统，该系统可以重新调整itunes中的那个，您可以在其中滑动星星并将手指抬起您想要选择的星形。我正在使用jQuery mobile。使用滑动事件似乎没有做到这一点，同时它会阻止网页粘在你的手指上（你可以在你没有页面本身移动的情况下在你附加事件的区域周围滑动）它用于和＃34;向左滑动＆＃34;或＆＃34;向右滑动＆＃34;。不要＆＃34;随意滑动＆＃34;。

我可以使用合适的事件，还可以让我获得手指位置的坐标吗？

示例代码：

$("#mapPage").live("pageinit", function () {
    $('div.stars').swipe(function() {
        console.log("swiped");
    });
});

示例2：

$('div.stars').scrollstart(function(event) {
    event.preventDefault();
    // stuf in here only triggers in scroll start
    // but i want i to trigger as the finger position gets updated
});

Answer 1

我明白了。这是我使用的代码：

$('div.stars').bind('vmousemove', function(event) {
    event.preventDefault();
    console.log('scroll position: ' + event.pageX);
});

像html中的评级系统

1 个答案: