[ط*ظ„ ظ…ط´ظƒظ„ط©] ط*ظ„ ظ…ط´ظƒظ„ط© طھط¹ط§ط±ط¶ ظ…ظƒطھط¨ط© jquery ظ…ط¹ ط؛ظٹط±ظ‡ط§ ظ…ظ† ظ…ظƒطھط¨ط§طھ ط§ظ„ط¬ط§ظپط§ ط³ظƒط±ط¨طھ ظ…ط«ظ„ prototype



السلام عليكم ورحمة الله وبركاته



من منا لا يعرف مكتبة الجي كويري؟
نعم حقا انها اروع مكتبة وانها مكتبة لا يستغنى عنها الان في كل التطبيقات البرمجية على الويب


لكننا مرات نحتاج الى استخدام مكتبات اخرى في نفس الوقت للاستفادة من مزايا توفرها بعض المكتبات الاخرى
ايضا مثل مكتبة prototype

بعض المرات يحصل تعارض او conflict بين مكتبات الجافا سكربت ويؤدي ذلك الى ايقاف عمل احدهما او على اسوأ حال ايقاف عمل المكتبتين

وقد حصلت معي المشكلة سابقا وحرت في حلها
الى ان اهتديت الى حل لمشكلة التعارض هذه


لنفرض اني لدي الكود code التالي وهو كود code نستخدمه لعمل form validation

رمز PHP:
<code style="white-space:nowrap"> <code> <script type="text/javascript">

$(
document).ready(function() {
$(
"#send").validate({
rules: {
name: "required",// simple rule, converted to {required:true}
captchacode: "required",
message: {
required: true,
minlength:10
},

email: {// compound rule
required: true,
email: true,
minlength:10
},

title: {
required: true,
minlength:5
}
},
message: {
comment: "Please enter a comment."
}
});
});
</script>
</code> </code>

هذا الكود code فعلا يسبب تعارض بين مكتبة الجي كويري وبروتوتايب
اذن ما العمل
الحل بسيط جدا جدا جدا جدا

فقط اضف في اول الكود code
رمز PHP:
<code style="white-space:nowrap"> <code> jQuery.noConflict();
(function($) {
</code> </code>

وفي اخره

رمز PHP:
<code style="white-space:nowrap"> <code> })(jQuery);
</code> </code>

وفي هذه الحالة نكون قد طبقنا دالة no conflict المسؤولة عن ازالة هذا التعارض

والان اصبح بامكانك التمتع بميزات عدة مكتبات في ان واحد
تمتعوا بميزات الجي كويري الان ولا تنسوا ان تدعوا لي اذا استفدتم من درس مفصلي البسيط

اخوكم مهند عيسى - فلسطين
بتاريخ 7 - 1- 2014









©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©