2011-01-27 135 views
1

是否有人可以幫助我將以下Jquery腳本轉換爲與mootools相當的腳本?需要幫助將Jquery轉換爲Mootools

我需要使用Mootools來防止我的Joomla網站發生衝突問題。

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
    jQuery(document).ready(function(){ 
     jQuery('div.rj_insertcode a.glossarylink').each(function() { 
      jQuery(this).replaceWith(jQuery(this).html()); 
     }); 
     jQuery('.no_glossary a.glossarylink').each(function() { 
      jQuery(this).replaceWith(jQuery(this).html()); 
     }); 
    });  
    </script> 
    </head> 

或者,我們將不勝感激,如果任何人都可以建議如何使上面的代碼與Mootools的兼容(我是相當新的兩種語言)。

+0

它們不是語言,它們是圍繞語言環繞的框架/工具包 – 2011-01-27 09:54:25

+0

指出,歡呼湯姆塗 – Graham 2011-01-27 10:03:56

回答

5

我不會直接端口過來,但這裏的使用的方法MooTools的等價物:

  • jQuery(document).ready(fn)window.addEvent('domready', fn) - 當瀏覽器準備好裝載DOM執行功能 - docs
  • jQuery(selector)$$(selector) - 在每個元件迭代 - - 返回元件的集合 - docs
  • collection.each(fn)collection.each(fn)docs
  • jQuery(this).replaceWith(html)this.replaces(element) - 也docs

看見我連接用於實施例中的文檔 - 用另一個替換的元件。

2

爲mootools的1.2.5

window.addEvent("domready", function(){ 
    $$('div.rj_insertcode a.glossarylink, .no_glossary a.glossarylink').each(function(el) { 
     new Element("span", { 
      html: el.get("html") 
     }).replaces(el); 
    }); 
}); 

爲1.12

window.addEvent("domready", function(){ 
    $$('div.rj_insertcode a.glossarylink, .no_glossary a.glossarylink').each(function(el) { 
     el.replaceWith(new Element("span").setHTML(el.innerHTML)); 
    }); 

通知這真的把它包裝成一個跨度,你可以不只是轉換一個元素...文本 }) ;