在 JQM 上加载 javascripts data-role='page' onload

Question

有什么方法可以在JQM的页面加载上运行javascript吗？我有一个图应该出现在JQM页面的单个页面中，但如果我将其加载到document.ready上，它只显示我是否刷新了特定的JQM"页面"。如果我在任何其他"页面"上刷新，我的图形都不会加载。有没有某种onload("#myDiv")函数可以解决这个问题？我做的唯一另一个解决方案是制作一个按钮，用户可以点击该按钮来加载图形，但这似乎是不必要的，应该能够自动加载。

$(document).ready(function()
{
    $('#wordcloud').bind('pageinit', function() {
    alert("works!");
    });
})

上面的代码有点接近吗？不过我没有收到警报。

在div和head（内外）document(ready) 中也尝试了此代码

$('#wordcloud').live('pagebeforeshow', function() {
    alert(2);
});

Answer 1

正如文档中所指出的，如果你想在jQueryMobile页面加载上做一些事情，你必须使用$(document).bind('pageinit')。

页面初始化

初始化发生后，在正在初始化的页面上触发。我们建议绑定到此事件，而不是DOM ready（），因为无论是直接加载页面，还是将内容作为Ajax导航系统的一部分拉入另一个页面，这都会起作用。

Answer 2

如果您想在每次用户导航到graphpage时刷新图形；您应该在graphpage的pagebeforeshow处理程序中绑定刷新逻辑。

请参阅JQM事件文档中的Page change events部分。

Answer 3

使用这个，在Jquery移动中每次加载#页面时触发一个事件

$(document).on("pagebeforeshow","#dashboard",function(){
   alert("pagebeforeshow event fired - pagetwo is about to be shown");
});