MVC4移动模板脚本加载

时间:2012-06-29 01:19:05

标签: javascript jquery-mobile asp.net-mvc-4

我目前正在使用MVC4 Mobile模板,并且正在努力获取特定视图来呈现其javascript。

在我的MediaView.chtml视图中,我有以下标记:

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

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

Chome Network Output 看起来jquery在加载过程中正在执行脚本的加载,有没有办法阻止jquery承担加载的责任?

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

看起来我刚刚遇到了从桌面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