Question

尝试这样的单页模板： -

 <div id="homePg" data-role="page">
 </div>  <!-- Home page -->

 <div  id="groupsPg" data-role="page">    
 </div>  <!-- Groups page -->

页面内容的数据是从ajax调用动态加载的。

尝试从我的homepg导航到群组页面，点击生成的任何列表。

     $.mobile.changePage('#groupsPg', {
                transition : "none"
            });

但由于某些原因，此changepage事件未触发。我可以触发onclick事件，但更改页面事件不会通过。

Answer 1

你可以尝试这个解决方案，让我知道这是否有效：

$('#homePg').live('pagecreate',function(event){
    $("#your_anchor_id").bind("click", function(event) {
        $.mobile.changePage( "#groupsPg", { transition: "none"} );
    });  
});

Answer 2

我认为将此代码添加到您的点击事件中可以解决问题：

window.location.href = ('url');

也可以尝试这个网站： http://www.ezineasp.net/post/Javascript-Window-Location-Href-URL.aspx

这一个： http://jquerymobile.com/test/docs/api/events.html

mobile.changePage内部链接

2 个答案: