jquery - 将脚本添加到单独的 .js 文件

Question

我在 .aspx 页面 header 标记上添加了以下脚本，它运行完美，没有任何问题。

<script type="text/javascript">
       $('#InfoPage').live('pageshow', function (event) {
           $("#apdf").click(function (e) {
               e.preventDefault();
               var serviceURL = "Default.aspx/GeneratePDF";

               $.ajax({
                   type: "POST",
                   url: serviceURL,
                   data: param = "", // parameter
                   contentType: "application/json; charset=utf-8",
                   dataType: "json",
                   success: successFunc,
                   error: errorFunc
               });

               function successFunc(data) {

                   alert('sucess');
               }

               function errorFunc() {
                   alert('error');
               }

           });
       });
   </script>

后来我想清理我的代码，并将上述脚本添加到单独的 .js 文件中，并将链接添加到页面标题标记。

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

然后突然停止工作，网页根本没有呈现任何东西，甚至没有显示静态内容。发生这种情况有什么具体原因吗？

我也在下面尝试过。

<div data-role="page" id="InfoPage">
 <script type="text/javascript" src="PDFScript.js"/>
</div> 

Answer 1

导入<script type="text/javascript" src="PDFScript.js"/>之前</body>标签。否则请确保在 jQuery、jQuery Mobile js 库之后导入它。

如果您使用的是 jQuery 1.9.x，则 live不会为你工作。您需要使用.on()方法。

$(document).on('pageshow', '#InfoPage', function(){
   // your code goes here
});