javascript - 在 JQM 数据 Angular 色 ='page' onload 上加载 JavaScript

Question

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

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

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

还在 div、头部(内部和外部)中尝试了此代码document(ready)

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

Answer 1

正如 doc 中指出的那样，如果您想在 jQueryMobile 页面加载上执行某些操作，则必须使用 $(document).bind('pageinit')。

pageinit

Triggered on the page being initialized, after initialization occurs. We recommend binding to this event instead of DOM ready() because this will work regardless of whether the page is loaded directly or if the content is pulled into another page as part of the Ajax navigation system.