jquery - 当我导航到 jQuery Mobile 中的页面时未调用 Javascript 函数

Question

我有一个简单的 jQuery Mobile 应用程序，基本上是 2 页。

第一页有一个按钮：

  <a href="location.html" data-theme="b" data-role="button" data-icon="arrow-r">Create Report</a>

当单击我导航到的按钮时location.html，此页面有自己的 JS 文件，该文件内部如下：

(function( $, undefined ) { 
    $( document ).on( "pageshow", function(){
        initMap();
    });
})( jQuery );

但是，当我到达该页面时，initMap();不会调用 JS 函数，如果我刷新页面，则会调用该函数，但当我使用主页上的按钮导航时不会调用该函数。

如何确保每次导航到此页面时都会调用此函数？

score 1 · Accepted Answer

我希望你的location.html页面有一个 ID。如下所示

<div data-role="page" id="location">
</div>

更改您的 js 文件的内容，如下所示

$(document).on('pageshow', '#location', function(){
   initMap();
});

现在这应该在您每次访问该页面时调用该函数。

score 0 · Accepted Answer

你为什么不试试这个

pageScript(function($context){
  $context.bind("pagecreate", function(event, ui) {
    initMap();
  });
});

在这里查看更多功能

2 回答 2