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

var $j = jQuery.noConflict();

现在，您可以在jquery代码中使用$j代替$。

这些javascript库之间总是存在冲突的可能性。我总是在我的所有magento网站上使用jquery no-conflict，因为magento使用scriptaculous作为其默认库。因此，如果你使用jquery＆amp;其他一些js库在一起。