2013-09-26 20 views
1

我目前正在使用我們的客戶提供給我們的html模板爲我們的應用程序蒙皮。不幸的是,他們的模板中有一些元素需要使用mootools。我不熟悉這個庫,更喜歡使用jQuery。有沒有辦法允許使用幾個jQuery腳本而不破壞已經編程的底層mootools?在同一文檔中使用JQuery 1.10.2和mootools-1.3.2

我曾嘗試以下,而不是使用$:

jQuery(document).ready(function() { 
jQuery(".jobpost_body .jobclass .jobvalue").each(function(){ 
    jQuery(this).html(jQuery.trim(jQuery(this).html())); 
}); 

});

但是,它似乎仍然打破了摩托車的元素。特別是,螢火蟲提供了以下錯誤:

TypeError: $(...).getCoordinates is not a function 
coordinates = $('site_icons_info').getCoordinates(); 

任何幫助,因爲我以前從未涉及的mootools不勝感激。

+1

你做了'jQuery.noConflict()'嗎?如果'$'不是免費的,mootools將假定'document.id'。 –

+0

先包含jQuery,然後包含mootools。否則,你必須使用jQuery.noConflict()。 –

+0

我試着先包括jQuery,然後是mootools。這不是一個可行的解決方案。 – jezzipin

回答

1

我自己解決了這個問題。以下內容似乎提供了期望的結果:

jQuery.noConflict(); 
jQuery(document).ready(function() { 
    jQuery(".jobpost_body .jobclass .jobvalue").each(function(){ 
        jQuery(this).html(jQuery.trim(jQuery(this).html())); 
    }); 
}); 
+1

爲了讓代碼更清晰,可以這樣做:'jQuery(document).ready(function($){$(「。jobpost_body .jobclass .jobvalue」)。etc ...'假設您不需要使用現在,只要你在dom準備處理程序中,就可以安全地使用'$'來引用'jQuery' –

+0

做什麼? – jezzipin

+0

對不起,按習慣按下輸入。 –

相關問題