android - jQuery mobile，检测用户何时向右滑动图像

Question

我有一个应用程序，我希望用户通过将手指放在图像上并将其“移到”右侧来删除 DOM 元素（img）。我怎样才能检测到呢？我没有要显示的源代码，因为我真的想不出一种技术。

我正在使用 jQuery 移动和 PhoneGap。

注意：目前我正在 Android 上进行测试。

提前致谢。

Answer 1

如果您查看 jQM 库的源代码，您可以看到 swiperight 事件：

• http://jquerymobile.com/demos/1.1.1/js/jquery.mobile-1.1.1.js

这行得通吗？

• http://jsfiddle.net/dQ4bq/
• http://jsfiddle.net/dQ4bq/1/（显示/隐藏）

JS：

$("#listitem").swiperight(function() {
    $('#theImage').remove();
});

HTML：

<div data-role="page" id="home"> 
    <div data-role="content">
        <p>
            <ul data-role="listview" data-inset="true" data-theme="c">
                <li id="listitem">Swipe Right to remove image</li>
            </ul>
        </p>
        <div id="theImage">
            <img src="http://web.tiscali.it/filemediaxtractor/albumingz/Example%20-%20Stay%20Awake.jpg" />
        </div>
    </div>
</div>