2013-09-26 19 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

对不起,按习惯按下输入。 –

相关问题