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