jquery - Jquery Mobile 滑动更改 aspx 页面

Question

我有一个aspx。带有滑动事件的页面！当事件触发时，它应该更改为另一个 aspx 页面！它工作正常，但新的 aspx 页面出现在触发事件的同一个 aspx 页面上！现在我在一侧有两个内容......但我只想显示新 aspx 页面中的内容......

这是我的代码：

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<div data-role="page" id="Default">
    <div data-role="content">
        <div id="swipeRight">
            <asp:Image ImageUrl="~/Images/TestSeite.png" runat="server" />
        </div>

    </div>
</div>

<script type="text/javascript">

    $(function () {
        $("#swipeLeft").live('swipeleft', function (event, ui) {
            $.mobile.changePage("/Default.aspx", "slide");
        });

        $("#swipeRight").live('swiperight', function () {
            $.mobile.changePage("/Madrid.aspx", "slide");
        });
    });

</script>

Answer 1

如果用户向左滑动，则 swipe 和 swipeleft 都将被触发，因为 swipe 占所有四个方向。

您很可能应该使用 swipeleft 和 swiperight。