2012-03-07 89 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>