javascript - MVC4 移动模板脚本加载

Question

我目前正在使用 MVC4 Mobile 模板，并且在获取特定视图以呈现其 javascript 时压力很大。

在我的 MediaView.chtml 视图中，我有以下标签：

<script src="@Url.Content("~/Scripts/pyg/pyg-player.js")" type="text/javascript"></script>

当我直接导航到视图时，此标记效果很好，但是当使用模板上的默认索引页面并单击我的操作链接时，页面执行其小的过渡效果并且脚本无法正确加载。

看起来 jquery 在加载过程中正在执行脚本的加载，有没有办法阻止 jquery 负责加载？

有任何想法吗？

Answer 1

看起来我刚刚遇到了从桌面 Web 开发过渡到移动开发的问题。由于 MVC4 模板使用的是 Jquery Mobile，因此仅呈现第一页。所有后续请求都是由 ajax 发出的，因此脚本永远不会正确加载。您需要做的不是绑定在 $(document).ready() 上，而是需要绑定到pageinit

$( document ).delegate("#aboutPage", "pageinit", function() {
  alert('A page with an ID of "aboutPage" was just created by jQuery Mobile!');
});

更多信息可以在 jQuery Mobile 网站上找到。

http://jquerymobile.com/demos/1.1.0/docs/pages/page-scripting.html