Question

我使用幻灯片需要mootools 1.11，而我的其他代码需要jQuery。不幸的是，只要我调用jquery库，幻灯片就会崩溃。

我可以将这个小jquery代码转换为moo工具或纯javascript吗？ mootools代码怎么样？

jQuery(document).ready(function(jQuery) {
    jQuery('.rgstitle, .rgsdescription').click(function(event) {
        window.open(jQuery('#rgslideshow-4574 a img:visible').parent().attr('href'), '_self');    
        return false;
    });
});

非常感谢！

Answer 1

保留基于mootools的代码的'$'。并使用'jQueryDollar'作为jQuery代码。添加jquery库后，使用：

<script src="jquery.js"></script>
<script>
var jQueryDollar = jQuery.noConflict();
// Do something with 'jQueryDollar'
jQueryDollar(document).ready(function(jQueryDollar) {
    jQueryDollar('.rgstitle, .rgsdescription').click(function(event) {
        window.open(jQueryDollar('#rgslideshow-4574 a img:visible').parent().attr('href'), '_self');    
        return false;
    });
});
</script>

现在在下面添加mootools库：

 <script src="mootools.js"></script>
 <script>
     //'$' is now free for mootools
 </script>

Answer 2

如果您希望2个库一起工作，这是一个简单的修复。将以下内容放在jQuery.js脚本标记

之后

<script type="text/javascript">
 jQuery.noConflict();
</script>

Answer 3

最好检查一下，来自Jquery团队的Avoiding Conflicts with Other Libraries文章。我遇到了同样的问题，解决了jQuery滑块和mootool新闻自动收报机：D

将jQuery代码转换为mootools 1.11

3 个答案: