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 和其他一些 js 库，最好使用无冲突。