2013-11-28 42 views
0

我有2個不同的jQuerys,一個是滑塊,另一個是動畫菜單。 我試着一個接一個地去掉jQuery,但它不起作用。 這是代碼。jQuery不工作,刪除什麼

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css"> 


<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> 

<script type="text/javascript" src="http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js"></script> 

<script type="text/javascript"> 

$(document).ready(function() { 
    $('a.link').click(function() { 
     $('#wrapper').scrollTo($(this).attr('href'), 800); 
     setPosition($(this).attr('href'), '#cloud1', '0px', '400px', '800px', '1200px' , '1600px') 
     setPosition($(this).attr('href'), '#cloud2', '0px', '800px', '1600px', '2400px' , '3200px') 
     //add this 
     $('a.link').removeClass('selected'); 
     $(this).addClass('selected'); 
     //end add this 
     return false; 
    }); 
}); 

function setPosition(check, div, p1, p2, p3) 
{ 
    if(check==='#box1') 
     { 
      $(div).scrollTo(p1, 800); 
     } 
    else if(check==='#box2') 
     { 
      $(div).scrollTo(p2, 800); 
     } 
    else if(check==='#box3') 
     { 
      $(div).scrollTo(p3, 800); 
     } 
}; 
</script> 
<script src="js/modernizr.custom.js"></script> 


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="js/jquery.dlmenu.js"></script> 
<script> 
    $(function() { 
     $('#dl-menu').dlmenu({ 
      animationClasses : { classin : 'dl-animate-in-5', classout : 'dl-animate-out-5' } 
     }); 
    }); 
</script> 

我試圖尋找答案,消除了jQuery的一個是行不通的。 我不知道如何操作這些代碼,因爲我對jQuery有一點了解。 任何人都可以幫忙嗎?謝謝!

+1

什麼你的意思是刪除了jQuery?這是圖書館,所以如果你不想使用它,只需刪除嵌入的腳本。 – HICURIN

+0

我的意思是我應該刪除一些代碼或添加一些?我有這個如何讓它同時工作? – user3044124

回答

1

你不能在一個頁面組合2 jQuery的..的版本,因爲代碼將confius調用它的jQuery需要的是它jquery-1.3.2.min.jsjquery.min.js。該解決方案要麼刪除其中的一個,要麼使用最新的一個,並將其放在所有代碼之上,以便可以調用它。

+0

哦!好的,謝謝救生員。我不知道我應該把它放在其他代碼之上。非常感謝!! :) – user3044124

+0

哈哈哈..請評價我的答案..:P .. – airi

+0

這並不總是正確的答案,因爲圖書館可能需要特定版本的jQuery工作。 – Aniket

-2

的jQuery的scrollto-1.4是不是jQuery的1.4版本,這意味着這個插件

+0

好的,但你知道我該如何解決這個問題嗎?所以滑塊和菜單都可以工作? THanks – user3044124

+0

哦,等我離開了另一個代碼。我也有這個, user3044124

0

你在同一頁面使用不同的jquery版本,所以它是衝突的。讓我們嘗試使用其中之一併繼續使用更高版本。

+0

謝謝您的回答。 :) – user3044124

+0

永遠歡迎!如果你喜歡它,請投我的答案。 – HICURIN

0

您的代碼沒有運行,因爲這是衝突。

在這種情況下,您要做的第一件事就是轉入jQuery API文檔並閱讀jQuery.noConflict()

這是的好例子從文檔一名:

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery.noConflict demo</title> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
</head> 
<body> 

<div id="log"> 
    <h3>Before $.noConflict(true)</h3> 
</div> 
<script src="http://code.jquery.com/jquery-1.6.2.js"></script> 

<script> 
var $log = $("#log"); 

$log.append("2nd loaded jQuery version ($): " + $.fn.jquery + "<br>"); 

// Restore globally scoped jQuery variables to the first version loaded 
// (the newer version) 

jq162 = jQuery.noConflict(true); 

$log.append("<h3>After $.noConflict(true)</h3>"); 
$log.append("1st loaded jQuery version ($): " + $.fn.jquery + "<br>"); 
$log.append("2nd loaded jQuery version (jq162): " + jq162.fn.jquery + "<br>"); 
</script> 

</body> 
</html> 
+0

謝謝!然而,我解決了它不是通過使用no.conflict,而是用1.9.1替換整個腳本1.3.2.min.js ...再次感謝:) – user3044124

+0

@ user3044124我給你這個解決方案,因爲兩個腳本都需要。有時這些庫有特定的依賴關係。 – Aniket