Нужна помощь в преобразовании Jquery в Mootools - PullRequest
Новая
       0

Нужна помощь в преобразовании Jquery в Mootools

1 голос
/ 27 января 2011

Может ли кто-нибудь помочь мне преобразовать следующий скрипт 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 (я довольно плохо знаком с обоими языками).

Ответы [ 2 ]

5 голосов
/ 27 января 2011

Я не собираюсь переносить его напрямую, но вот эквиваленты MooTools используемых методов:

  • jQuery(document).ready(fn) → window.addEvent('domready', fn) - выполняет функцию, когда браузер готов загрузить DOM - документы
  • jQuery(selector) → $$(selector) - возвращает коллекцию элементов - документы
  • collection.each(fn) → collection.each(fn) - итерации по каждому элементу - документы
  • jQuery(this).replaceWith(html) → this.replaces(element) - заменяет элемент другим - docs

См. Также документы, которые я привел для примеров.

2 голосов
/ 27 января 2011

для 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));
    });

обратите внимание, что это действительно превращает его в диапазон, поскольку вы не можете просто преобразовать элемент в ... текст });

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...