衝突Lavalamp手風琴jquery

我無法解決Lavalamp和Accordion之間的衝突，下面是代碼。當其中一個工作時，另一個不工作，反之亦然。我已經刪除了一個jquery庫（jquery-1.4.min.js或jquery.min.js），但它不起作用。另外我也改變了腳本的位置：第二個腳本工作，第一個腳本不工作。在這種特殊情況下，lavalamp不起作用：衝突Lavalamp手風琴jquery

<script type="text/javascript" src="js/jquery-1.4.min.js"></script> 
<script type="text/javascript" src="js/jquery.easing.min.js"></script> 
<script type="text/javascript" src="js/jquery.lavalamp.min.js"></script> 
<script type="text/javascript" src="js/cufon.yui.js"></script> 
<script type="text/javascript" src="js/myriad.js"></script> 

<script type="text/javascript"> 
$(function() { 
    $("#one,#two,#three,#four,#five").lavaLamp({ 
     fx: "backout", 
     speed: 700 
    }); 
}); 
</script> 

<script type="text/javascript"> 

Cufon.replace('li a', {hover: true}); 

</script> 




<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script src="navAccordion.min.js"></script> 
<script> 
jQuery(document).ready(function(){ 

    //Accordion Nav 
    jQuery('.mainNav').navAccordion({ 
     expandButtonText: '<i class="fa fa-plus"></i>', //Text inside of buttons can be HTML 
     collapseButtonText: '<i class="fa fa-minus"></i>' 
    }, 
    function(){ 
     console.log('Callback') 
    }); 
}); 
</script>

來源

2016-09-08 Laura

你有沒有在控制檯中的任何消息？（在大多數瀏覽器上是F12）？ –

這是錯誤代碼： TypeError：$（...）。lavaLamp不是函數 – Laura

首先，將所有外部庫放入開頭。我假設你的代碼是你的html文件中的<head>的一部分.-

另外：不要加載jQuery兩次。使用兩個版本中的更高版本並將其放置在頂部。我受過教育的猜測是，這樣的事情會的工作：

<html> 
<head> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery.easing.min.js"></script> 
<script type="text/javascript" src="js/jquery.lavalamp.min.js"></script> 
<script type="text/javascript" src="js/cufon.yui.js"></script> 
<script type="text/javascript" src="js/myriad.js"></script> 
<script type="text/javascript" src="navAccordion.min.js"></script> 

<script> 
$(document).ready(function(){ 
    $("#one,#two,#three,#four,#five").lavaLamp({ 
     fx: "backout", 
     speed: 700 
    }); 

    //Accordion Nav 
    $('.mainNav').navAccordion({ 
     expandButtonText: '<i class="fa fa-plus"></i>', //Text inside of buttons can be HTML 
     collapseButtonText: '<i class="fa fa-minus"></i>' 
    }, 
    function(){ 
     console.log('Callback') 
    }); 
}); 
</script> 
<body> 
Your magic stuff containing something with class mainNav and id "one, two three, four" 

</body> 
</html>

來源

2016-09-08 15:10:53

謝謝您的回答。當我按照你所說的做時，有些事情會改變（爲了更好），但是手風琴並不能很好地工作。我收到此錯誤消息： jquery.min.js：3 Uncaught TypeError：n.easing [this.easing]不是函數 – Laura

我最好的猜測是這個jquery版本不能與你的代碼一起工作。使用jquery.com中的最新版本，也許使用jquery UI：http://stackoverflow.com/questions/12592279/typeerror-p-easingthis-easing-is-not-a-function –

衝突Lavalamp手風琴jquery

回答

相關問題