2013-07-26 61 views
1

我是一個帶有源代碼的新手,我認爲這是理所當然的,我可以簡單地將腳本src添加到頭部,然後添加儘可能多的腳本或功能,因爲我想在那之後。在大多數情況下,這工作正常,但現在我有一個我無法解決的問題。當腳本src被添加到頭部時,jQuery函數不會被調用

我可以讓一個腳本運行或另一個腳本運行,無論我試過多少種不同的排列方式,兩者都不能和諧地工作。我確定有一個簡單的解決方法或我完全缺失的東西。我在網上看了一個白癡的指南,但沒有找到任何有用的東西。

這兩個函數腳本位於不同的地方。一個在頭部,從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放入包含文件中,包括src兩次以及很多o愚蠢無知的想法。

如果有人能幫上忙,那就太好了!非常感謝

+0

首先刪除額外的jQuery腳本引用(應該只包含一次),看看會發生什麼。另外,我假設你只是剪下不相關的代碼,但是你的'(function(){'塊在實際代碼中被關閉,是否正確? –

+0

@JasonP - 嗨,是的,我刪除了所有的功能代碼以節省空間問題,他們都關閉了,我剛剛遇到另一個頁面,腳本少得多(一個),也顯示了同樣的特性 – user2608855

+0

@JasonP - 同樣,我認爲腳本src應該是第一件事 – user2608855

回答

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> 

你這裏有語法錯誤,該代碼將無法運行或工作後,不能有任何的腳本。

+0

哪一個應該包括在內? – user2608855

+0

哪一個你想要的。但只有一個。 –

0

我有一個函數在一個腳本返回一個錯誤。這似乎是停止了代碼的最初。 -.-

現在頭頂上也只有一個jquery的實例。