衝突Lavalampアコーディオンjquery

私はLavalampとアコーディオンの間の競合を解決することができません、ここでコードです。そのうちの1つが動作すると、もう1つは動作せず、逆もあります。 jqueryライブラリ（jquery-1.4.min.jsまたはjquery.min.js）の1つを削除しましたが、動作しません。また、私はスクリプトの場所を変更しています：2番目のスクリプトは動作し、最初のスクリプトは動作しません。この特別なケースでは、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を2回ロードしないでください。両方のバージョンの上位を使用し、上部に配置します。私の知る限りの推測では、それがうまくいくようなものでしょう：

<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-versionはあなたのコードではうまくいかないでしょう。 jquery.comの最新バージョンを使用し、おそらくjquery UIも使用してください：http://stackoverflow.com/questions/12592279/typeerror-p-easingthis-easing-is-not-a-function –

衝突Lavalampアコーディオンjquery

答えて

関連する問題