将脚本src添加到头部时不调用jQuery函数

Question

我是一个新手，有消息来源等，我想当然了，我可以简单地将脚本src添加到标头中，然后再添加任意数量的脚本或函数。 在大多数情况下，这可以正常工作，但现在我遇到了一个我无法解决的问题。

我可以运行一个脚本，也可以运行另一个脚本，无论我尝试了多少种不同的排列，两种脚本都无法协调工作。 我敢肯定有一个简单的解决方法，或者我完全没有的东西。 我在网上浏览了一个白痴指南，但没有发现任何用处。

这两个功能脚本位于不同的位置。 一个在头并从HTML页面的主体中调用，另一个在包含中，该包含被添加到每个页面以进行动态链接。

除了身体内的东西外

<!--Creation and hiding of div to allow images load-->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<script src="../js/helperFunctions.js"></script>

<!-- jQuery (required) -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../js/jquery.min.js"><\/script>')</script>

<!-- Syntax highlighting -->
<link rel="stylesheet" href="../mainCSS/prettify.css" media="screen">
<script src="../js/prettify.js"></script>

<!-- AnythingSlider -->
<link rel="stylesheet" href="../mainCSS/anythingslider.css">
<script src="../js/jquery.anythingslider.js"></script>

<script>
    $(function(){
            prettyPrint script here;
</script>

<script>
    $(function(){
            slider script here
</script>

虽然这会加载正文脚本，但不会加载其他任何脚本。：

<!-- jQuery (required) -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../js/jquery.min.js"><\/script>')</script>

<!-- Syntax highlighting -->
<link rel="stylesheet" href="../mainCSS/prettify.css" media="screen">
<script src="../js/prettify.js"></script>

<!-- AnythingSlider -->
<link rel="stylesheet" href="../mainCSS/anythingslider.css">
<script src="../js/jquery.anythingslider.js"></script>

<script>
    $(function(){
            prettyPrint script here;
</script>

<script>
    $(function(){
            slider script here
</script>

   <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
   <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
   <script src="../js/helperFunctions.js"></script>

然后，我尝试将脚本src放入include中，包括两次src以及许多其他愚蠢的无意义的想法。

如果有人可以帮助，那就太好了！ 非常感谢

Answer 1

在此代码中，您将jQuery包含3次。 我不确定这是否是问题，但这不是解决方案

// jquery from jquery.com
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<!-- jQuery (required) --> // jQuery from google
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../js/jquery.min.js"><\/script>')</script>
// both of these are expendable

这可能会引起冲突，因为要包含的最后一个是该库的旧版本。 您只需要包含即可。 我假设您正在使用Migration，因为您的脚本中运行的是旧版jQuery代码。

代码错误

<script>
$(function(){ // syntax error
        prettyPrint script here;
</script>

<script>
$(function(){ // same error
        slider script here
</script>

您这里有语法错误，此代码之后的任何脚本都将无法运行或运行。

Answer 2

我在返回错误的脚本中有一个函数。 这似乎停止了代码的编写。 -.-

现在头部中也只有一个jquery实例。