Jquery Load 函数不引用母版页脚本文件答案

【问题标题】：Jquery Load function not referring master page script filesJquery Load 函数不引用母版页脚本文件
【发布时间】：2014-04-23 05:16:09
【问题描述】：

我在我的应用程序的 masterpage.html 中使用 jquery 加载功能，它工作正常。但问题是我需要将 Jquery.min.js 放在我的所有内容页面中，以便在我的内容页面中使用 jquery 功能。我不想将它包含在所有页面中。它应该来自我的母版页。

<html>
<head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
<script type="text/javascript">

    function loadContent(pagename) 
    {
         $("#output").load(pagename);
    }
</script>

</head>
<body>
<a href="#" onclick="loadContent('about.html')">About</a>

<div id="output"></div>


</body>
</html>

about.html

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
<div id="content">
This is about page !!
 </div>

如您所见，我的 about.html 再次包含 jquery，以便在我的 about.html 页面中使用它。如何在所有页面中避免这种情况？请帮忙

【问题讨论】：

如果about.html是用jquery加载的，为什么还要在about.html中再次包含jquery？
当我打开我的masterpage.html时，我会点击一个关于的链接，它完美地加载了一个页面。但是当我在 about.html 中编写诸如 alert($("#username").val()) 之类的 jquery 函数时遇到问题，它将显示错误 $ 未定义。然后它强制在我的 about.html 中包含 jquery cdn
您能否显示您尝试执行此操作失败的代码，即不包括 jquery 的 about.html，以及包含该警报的
Uncaught ReferenceError: $ is not defined comaccesscards:60 Uncaught ReferenceError: jQuery is not defined comaccesscards:112 Uncaught ReferenceError: jQuery is not defined

标签： java javascript jquery jquery-ui

【解决方案1】：

不，这是不可能的。您必须将它包含在您使用 jquery 的所有页面中

而不是像下面这样引用网址，

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">

您可以将jquery库下载到您的项目路径中并像使用它一样使用它

<script src="project_name/folder_name/jquery.min.js">

但是所有页面都必须包含jquery

希望对你有帮助！！

【讨论】：

是的，我将它包含在我的所有页面中。因此，我面临着应用程序性能问题，例如加载页面需要时间。因为我在我的应用程序中使用剑道 ui。请建议我最好的部分渲染技术
在剑道 ui 的情况下，我的建议是使用特定的 jquery 文件而不是添加整个 jquery 。例如you will have kendo datetime picker as separate jquery you can import it instead of using the total kendo ui
是的，你是对的，我从 kendo 中获取了自定义的缩小脚本并进行了尝试。它给了我一些性能，但在从其他服务器访问时我仍然面临问题。实际脚本文件大小为 1.1 mb，自定义脚本为 450kb。但我仍然不想为每个页面加载它。请帮帮我
别无他法。如果您是非常基本的操作，则可以避免使用 jquery。（即）simple things can be done using javascript 这样就不需要在那里导入 jquery
不仅是 jquery，我还需要包含特定页面所需的所有剑道脚本。 :(

【解决方案2】：

我不能给你最好的答案，这是我的建议

jQuery 文件最好包含在 body 标签的底部。
如果你使用 jQuery，你必须包含它。

【讨论】：

我已经通过在页面底部包含所有脚本文件来尝试 id，但内容 div 没有引用 masterpage.html 中的脚本。所以我需要在我的所有页面中包含脚本文件参考。