Конфликт Lavalamp Accordion jquery

Я не могу разрешить конфликт между Lavalamp и Accordion, вот код. Когда один из них работает, другой нет, и наоборот. Я удалил одну из jquery-библиотек (jquery-1.4.min.js или jquery.min.js), но она не работает. Также я меняю место сценариев: второй скрипт работает, а первый - нет. В этом конкретном случае lavalamp не работает:Конфликт Lavalamp Accordion 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 в большинстве браузеров)? –

Это код ошибки: ТипError: $ (...). LavaLamp не является функцией – Laura

Прежде всего, сначала поставьте все свои внешние библиотеки. Я предполагаю, что ваш код является частью <head> в вашем html-файле.

Кроме того: не загружайте 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: http://stackoverflow.com/questions/12592279/typeerror-p-easingthis-easing-is-not-a-function –

ответ

Смежные вопросы