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

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

رزرو تبلیغــات

تعرفه تبلیغات
logo
تعرفه تبلیغات تعرفه تبلیغات

شمـا میتوانیــد برای دریافت آخرین مطالب و آگاهی از آخریـن اخبــار گلریـز وبـــ در ایمیـــل خـود در خبــرنامـه ثـبت نـام کنــید

http://s6.picofile.com/file/8203515050/screenshot.png

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

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

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

 

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

 

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


123
<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 کد بالا را بعد از کد زیر قرار دهید :

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

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

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

 

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

1 2 3 4 5 6
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();
});

 

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

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

 

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

1 2 3
jQuery( document ).ready(function() {
jQuery( ".chatUser" ).show();
});
1 2 3 4 5
jQuery.noConflict();
 
(function( $ ) {
$( ".chatUser" ).show();
})( jQuery );
1 2 3
jQuery(document).ready(function( $ ) {
$( ".chatUser" ).show();
});
1 2 3
jQuery(function($){
$( ".chatUser" ).show();
});

 

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

 

 


طراحی چت روم


بازدید : 3535 | تاریخ : دو شنبه 10 / 5 / 1394 ساعت : 7:8 |
نظرات
برای دیدن نظرات بیشتر روی شماره صفحات در زیر کلیک کنید
نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: