jQuery Mobile JS腳本首次運行，但返回頁面時不運行

Question

我有這樣設置的JQuery Mobile頁面：

<body>
        <div class="normal" data-role="page" data-title="Photo Stream">

            <script type="text/javascript" src="js/photostream.js"></script>

            <script type="text/javascript" charset="utf-8">
                // Wait for Cordova to load
                document.addEventListener("deviceready", onDeviceReady, false);

                // Cordova is ready
                function onDeviceReady() {
                                }
                </script>

            <div id="programholder">

          ~~addtional HTML~~

外部JS腳本photostream.js在應用程序首次打開時起作用，但是如果我返回此頁面，則將不再起作用。 我假設這是由於AJAX如何將頁面相互加載而導致的，但是看到我的外部鏈接位於data-role="page" div之內，我認為每次該元素重新出現時都會觸發該事件。

每當重新訪問此頁面時，是否可以重新加載外部JS文件？

Answer 1

如果我正確理解了您的問題，那么您希望在每次加載特定頁面時顯式加載您的外部js文件-photostream.js。 但是由於AJAX加載頁面的方式，在JQuery Mobile中不會發生這種情況。

讓我煩惱的是，您是否試圖綁定觸發pageshow事件時要加載的外部腳本。

 $("#page1").on('pageshow', function(event, ui){
      var filename = "photostream.js";      
      var fileref=document.createElement('script');
      fileref.setAttribute("type","text/javascript");
      fileref.setAttribute("src", filename);
   });

jQuery Mobile JS腳本首次運行，但返回頁面時不運行

問題描述

1 個解決方案

解決方案1
1 已采納 2013-08-16 05:02:19

jQuery Mobile JS腳本首次運行，但返回頁面時不運行

問題描述

1 個解決方案

解決方案1 1 已采納 2013-08-16 05:02:19

解決方案1
1 已采納 2013-08-16 05:02:19