Jquery滑块无法正常工作

Question

我的页面中有两个滑块

在单独的页面中,两者都正常工作,但是当我将两者放在一个页面中时,任何一个都不起作用.

第一个滑块

<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="js/easySlider1.7.js"></script>

第二个滑块

<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>

我试图使用mootools-1.2.1-core.js更高版本,但仍然无法正常工作.请帮我.

Answer 1

使用jquery 无冲突

var $j = jQuery.noConflict();

现在您可以使用$j而不是$在您的jquery代码中.

这些javascript库之间总是存在冲突的可能性.我总是在我的所有magento网站上使用jquery no-conflict,因为magento使用scriptaculous作为其默认库.因此,如果你一起使用jquery和其他一些js库,那么使用no-conflict很好.