Question

我有一个多列布局，其中“＃content-primary”是我希望加载实际内容的div，“＃content-secondary”包含生成的链接列表视图（实际上是导航菜单）。

我正在使用此代码更改页面，几乎遵循JQM文档，但浏览器正在关注指向全新页面的链接，而不是将内容从它们加载到“＃content-primary”div中。显然我缺少一些东西。

$(function(){
            $('#menu a').click(function() {
                $.mobile.changePage($(this).attr('href'), {
                    pageContainer: $("#content-primary")
                } );
            });
        });

在后端使用Django，但它可能不相关。

Answer 1

我终于找到了答案here。 JQuery Mobile的 changePage（）和 loadPage（）方法进行了太多的后期处理，并触发了很多事件，这些事件真正使得实现自己的动态加载比它应该更加复杂。

优秀的老式#("div#primary-content").load();有效，但我仍在努力将JQM样式应用于它。

Answer 2

有趣的是，this与this：

相矛盾

$。可以调用mobile.changePage（）外部并接受以下内容争论（转移，转回， changeHash）。

经过测试，这可行：$.mobile.changePage("index.html", "slideup");但不会： $.mobile.changePage("index.html", { transition: "slideup" });

也许文档不太正确？

Answer 3

更新到新的beta 1版本

在JQuery Mobile中打开div容器中的链接

3 个答案: