2012-03-23 55 views
0

我正在使用jquery mobile。我想从一个页面导航到另一个页面并强制执行ajax调用。现在,如果我第一次导航,它会将页面存储在DOM中。然后下一次你去到那个子页面时,它会使用DOM中的内容,而不是再次使用它。如果我将以下内容放在指向其他页面的链接上,那么它可以在桌面上运行,但是它不适用于移动设备,因为移动设备没有“点击”。如何使用jquery mobile强制进行ajax调用?

<a href="page2.php" data-ajax="true" onclick="$(document.getElementById($(this).attr('href'))).remove();" >link</a> 

我试图把这个功能集成到文档的头一个jQuery函数中这样不断变化的想法“点击”到“水龙头”的文档中描述。

$('a').live('click', function() { 
    var $this = $(this); 
    if (!$this.attr('rel') || $this.attr('rel') != 'external') 
    $(document.getElementById($this.attr('href'))).remove(); 
}); 

但是,这将删除页面后,它去。

我需要做的是删除页面,然后重新加载。我在文档中发现事件pagebeforechange,但我还没有找到如何或如果这将工作。

什么是从一个页面转换到另一个页面的最佳方式,并强制页面的Ajax加载,即使页面先前已经被查看?

+0

你为什么再次强迫ajax呼叫?可能有不同的解决方案,可以为您寻找最终结果。 – codaniel 2012-03-23 02:04:08

+0

如果使用数据库信息生成页面,然后数据库发生更改。如果他们再次访问该页面,我希望他们获取更新的信息。 – Jason 2012-03-23 02:41:39

回答

0

如何回合此:

按钮:

<a id="button">link</a> 

JQuery的

$(document).on('vclick', '#button', function(){ 
    $.mobile.changePage("page2.php", { reloadPage: true }); 
}); 

更新:改到一个更好的答案。 更新:增加更多的清晰度。

+0

页面位于单独的文件中。 – Jason 2012-03-23 02:40:25

+0

我改变了答案我应该看到你正在链接到一个不同的页面。 – codaniel 2012-03-23 02:58:00

+0

我测试了你的解决方案,但它似乎没有工作......我可能做错了什么。我会继续测试它。 – Jason 2012-03-23 03:07:43