2012-03-07 77 views
1

我使用需要mootools 1.11的幻灯片,而其他代码需要jQuery。 不幸的是,只要我打电话给jquery库幻灯片崩溃。将jQuery代码转换为mootools 1.11

我可以将这个小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; 
    }); 
}); 

非常感谢!

+0

你试过jQuery.noconflict()了吗? - > http://api.jquery.com/jQuery.noConflict/ – Ohgodwhy 2012-03-07 07:42:41

+0

有没有借口使用mootools 1.11 - 它的4岁。由于绑定和其他一些差异(它将无法检测到过去3.6版本的webkit/firefox),所以在IE9中可能会崩溃,并可能在现代ES5 Shimmed浏览器中出现。升级... – 2012-03-07 09:48:51

回答

0

这是一个简单的修复,如果你想让2个库工作的话。将下面的正确的jquery.js脚本标记

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

后离开基于代码,因为它是“$”为您mootools的。并为您的jQuery代码使用'jQueryDollar'。加入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>