$ .mobile.changePage();不要在我的下一页触发?

时间:2012-03-12 10:56:38

标签: jquery jquery-mobile

即时使用$.mobile.changePage();转到某个页面。奇怪的是,在我的索引页面它可以工作,但是如果我点击我的下一页并触发翻转mobile.change它现在不起作用..我知道我的swipedown事件不是这里的问题因为试图评论mobile.changepage并插入一个提醒函数并将其触发。

过程: 在我的索引页面中。 $.mobile.changePage活动工作

$(document).delegate('.front-page-down','swipedown', function (event) {
    $.mobile.changePage('#notification', { transition: "slidedown"});
});

转到下一页,例如page2,并试图触发我的滑动事件,mobile.changePage不起作用。

$(document).delegate('.sns-down','swipedown', function (event) {
    //$.mobile.changePage('#featured', { transition: "slidedown"}); // this don't work in my next page
    alert("BOOM SNS");
});

任何人都知道为什么会这样吗?函数changePage包含在委托函数中。我没有使用任何document.ready()函数。

FYI。要使mobile.changePage在我的page2中工作,我必须手动刷新页面。嗯

帮助任何人。

2 个答案:

答案 0 :(得分:1)

这就是我用jQuery Mobile

的方式
$('.sns-down').each( function(){
    $(this).live('swipedown', function (event) {
        //$.mobile.changePage('#featured', { transition: "slidedown"}); // this don't work in my next page
        alert("BOOM SNS");
    });
});

如果这不起作用..您可以尝试使用以下命令重新加载该页面的jquery mobile:

$.mobile.activePage.page("destroy").page();
在绑定swipedown事件之前

答案 1 :(得分:0)

看看this link 在“头文中的脚本和风格”部分,您可以找到解决方案。 将您的脚本放入body标签,然后您不需要刷新页面! 我希望这对你有用