آموزش: رفع مشکل Conflict در نسخه های جدید MooTools

[امیـرحسین]

سلام
می دونید که Selector واحد اصلی در MooTools، متد $ هست که چند تا فریم ورک دیگه از جمله jQuery و prototype هم از همین نام استفاده می کنند و این اصلی ترین علت Conflict و تداخل فریم ورکها در صفحه است.
jQuery متد noConflict و چند تا روش رو معرفی کرده و MooTools از نسخه 1.2.3، متد جدیدی از شی document با نام id ارائه داده که دیگه هیچ شباهتی به بقیه نداره.

document.id('myDiv') === $('myDiv')

این یعنی تا این تاریخ که نسخه 1.2.4 عرضه شده اگر MooTools رو گرفتید، دیگه لازم نیست از متد $ استفاده کنید و ناراحت تداخل فریم ورکها باشید.




موفق باشید
امیرحسین

[امیـرحسین]

در نسخه 1.2.4 اگر تابعی با نام $ وجود داشته باشه، این تابع ساخته نمیشه. یعنی دیگه conflict ای در کار نیست و مثلا جی کوئری درست کار خواهد کرد ولی MooTools کار نخواهد کرد. تابع document.id تابع اصلی هست و $ جایگزینه پس بهتره دیگه از $ استفاده نشه.

[mostafa_shaeri_tj]

noconflict جواب نمیده. تا وقتی ازش استفاده نمیکنی mootools از کار می افته و وقتی ازش استفاده میکنی Jquery از کار می افته. آیا کسی به همچنین موردی برخورده؟

[امیـرحسین]

این نمونه کد از سایت david walsh:
<p>jQuery sets this paragraph's color to red but MooTools sets the border color.</p>
<script type="text/javascript" src="jquery-1.3.js"></script>
<script type="text/javascript">
//no conflict jquery
jQuery.noConflict();
//jquery stuff
(function($) {
$('p').css('color','#ff0000');
})(jQuery);
</script>
<script type="text/javascript" src="moo1.2.js"></script>
<script type="text/javascript">
//moo stuff
window.addEvent('domready',function() {
$$('p').setStyle('border','1px solid #fc0');
});
</script>