استفاده از جی کوئری در ای تی چت

نحوه استفاده از کد های کتابخانه جی کوئری را در کنار کتابخانه پروتوتایپ جی اس(PrototypeJs) که برای ای تی چت استفاده شده است بزارم...

همان طور که میدانید استفاده از کتابخانه جی کوئری در کنار کتابخانه پروتوتایپ امکان پذیر نیست و باعث عدم لود چت روم میشود...

در این آموزش نحوه استفاده از کد های جی کوئری بدون اینکه اختلالی در کد های چت روم به وجود آورد را یاد خواهید گرفت...

توجه کنید که این ترفند در چت روم های DChat نیز قابل اجراست

نحوه فراخوانی کتابخوانه جی کوئری به صورت زیر است :

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
OR
<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>

 پس در قالب داخل یا ورود چت روم یکی از 2 کد بالا را بعد از کد زیر قرار دهید :

<script src="js/prototype.js" type="text/javascript"></script>

خوب حالا فرض میگیریم تگی داریم با کلاس chatUser و میخوایم با استفاده از جی کوئری اون رو نشون بدیم,در حالت معمولی از کد زیر استفاده میکنیم : 

<script>
$( ".chatUser" ).show();
</script>

ولی برای استفاده در قالب چت روم باید به شکل زیر تغییر کنه : 

var $j = jQuery.noConflict();
// $j is now an alias to the jQuery function; creating the new alias is optional.
 
$j(document).ready(function() {
$j( ".chatUser" ).show();
});

همین طور میتونید به صورت زیر عمل کنید : 

jQuery.noConflict();
 
jQuery( document ).ready(function( $ ) {
// You can use the locally-scoped $ in here as an alias to jQuery.
$( ".chatUser" ).show();
});

و همین طور کد های زیر : 

jQuery( document ).ready(function() {
jQuery( ".chatUser" ).show();
});

jQuery.noConflict();
 
(function( $ ) {
$( ".chatUser" ).show();
})( jQuery );

jQuery(document).ready(function( $ ) {
$( ".chatUser" ).show();
});

jQuery(function($){
$( ".chatUser" ).show();
});

هر کدوم از 6 حالت بالا رو بزارید قابل استفاده هستش...