Reputation: 9542
I have two slider in my page
In separate page both are working properly,but when i put both in one page either one is not working.
1st slider
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
2nd slider
<script language="javascript" type="text/javascript" src="script/mootools-1.2.1-core.js"></script>
<script language="javascript" type="text/javascript" src="script/mootools-1.2-more.js"></script>
<script language="javascript" type="text/javascript" src="script/slideitmoo-1.1.js"></script>
i tried to use mootools-1.2.1-core.js
higher version but still also not working.
Please help me.
Upvotes: 3
Views: 366
Reputation: 4275
Use jquery no-conflict
var $j = jQuery.noConflict();
Now you can use $j
instead of $
in your jquery code.
There are always chances of conflict between these javascript libraries. I always use jquery no-conflict for all my magento website as magento uses scriptaculous as its default library. So, its good to use no-conflict if you are using jquery & some other js libraries together.
Upvotes: 5