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三次。我不确定这是不是问题，但它不是解决方案

// 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

这可能会导致冲突，因为要包含的最后一个版本是库的旧版本。你只需要包含。我假设您正在使用迁移，因为您的脚本中运行了较旧的jQuery代码。

代码错误

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

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

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

Answer 2

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

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

当脚本src添加到head时，不会调用jQuery函数

2 个答案: