Question

我这里有一段JQMobi代码。问题是它不能动态切换页面：

<div title='Whatever' id="main" class="panel" selected="true" data-tab="navbar_home" data-footer="none">
        <div class="swipe_area">
            <!-- nothing here, just for swiping to not disturb other elements -->
            <- Swipe me ->
        </div>
        <script>
            var init_swipe = function () {
            $(".swipe_area").swipeListener({
                    vthreshold: 30,
                    hthreshold: 80,
                    callBack: function (dir) {
                        if(dir.left) {
                            window.location.href = "#menulink3";
                            alert("go to menulink3");
                        }
                        else if(dir.right) {
                            window.location.href = "#menulink2";
                            alert("go to menulink2");
                        }
                    }
                });
            };
            window.addEventListener("load", init_swipe, false);
        </script>
</div>
<div title='Whatever' id="menulink2" class="panel" selected="true" data-tab="navbar_home" data-footer="none">
    content of menulink2
</div>
<div title='Whatever' id="menulink3" class="panel" selected="true" data-tab="navbar_home" data-footer="none">
    content of menulink3
</div>

网址确实在浏览器中发生变化，它会发出警报（只是为了确定），但页面中没有切换。此外，正常的href链接工作正常。是否有一个jqmobi函数我必须调用它来刷新什么？

提前致谢

Answer 1

您不会更改window.location进行导航。查看$.ui.loadContentDiv以编程方式执行此操作。

JQmobi - 动态切换页面

1 个答案: