المُعاصر

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

$(document).ready(function(){
 
	m=document.getElementById('buttons');
	sa=m.getElementsByTagName('a');
 
	$("a").click(function(){
		$(this).blur();
	});
 
	$(sa).mouseover(function(){
		$(this).stop().animate({height:'50px'},{queue:false, duration:1200, easing: 'easeOutBounce'})
	});
 
	$(sa).mouseout(function(){
		$(this).stop().animate({height:'20px'},{queue:false, duration:900, easing: 'easeOutBounce'})
	});
 
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

jQuery.noConflict();
jQuery(document).ready(function($){
 
	m=document.getElementById('buttons');
	sa=m.getElementsByTagName('a');
 
	$("a").click(function(){
		$(this).blur();
	});
 
	$(sa).mouseover(function(){
		$(this).stop().animate({height:'50px'},{queue:false, duration:1200, easing: 'easeOutBounce'})
	});
 
	$(sa).mouseout(function(){
		$(this).stop().animate({height:'20px'},{queue:false, duration:900, easing: 'easeOutBounce'})
	});
 
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

var $j = jQuery.noConflict();
$j(document).ready(function(){
	m=document.getElementById('buttons');
	sa=m.getElementsByTagName('a');
 
	$j("a").click(function(){
		$j(this).blur();
	});
 
	$j(sa).mouseover(function(){
		$j(this).stop().animate({height:'50px'},{queue:false, duration:1200, easing: 'easeOutBounce'})
	});
 
	$j(sa).mouseout(function(){
		$j(this).stop().animate({height:'20px'},{queue:false, duration:900, easing: 'easeOutBounce'})
	});
 
});

19 من التعليقات لـ “حل التعارض بين jQuery مع مكتبات جافاسكريبت الأخرى”

1. عبد الهادي قال:

   20 أغسطس 2009 عند 1:49 م

   السلام عليكم ورحمة الله وبركاته..
   تدينة قيمة منك أخي الكريم المعاصر، فمثل هذه المواضيع خصوصا عن المكتبتات الشهيرة ك jQuery ليست متوفرة عربيا إلا بشكل نادر يقترب من العدم..
   لكن لي استفسار أخي: أحيانا أستخدم أكثر من إضافة ب jQuery مع ووردبريس، والمفروض أن نجلب مكتبة jQuery في سطر واحد وتكون أحدث نسخة وتشتغل الإضافات كلها، لكن يحدث أنها لا تشتغل إلا إذا استدعيت لكل واحد منها نسخة المكتبة jQuery الخاصة بها كما وردت في الشرح مثلا، وهو ما لم أستوعبه..
   حبذا لو تخصص تدوينة عن طرق استخدام jQuery مع ووردبريس وأكون شاكرا لك..
   موفق ومني لك أرق تحية..

   رد
   • المُعاصر قال:

     21 أغسطس 2009 عند 3:11 م

     أهلا بك اخ عبد الهادي ..

     لا أعرف هل هناك تطيبقات تعمل مع اصدارت معينة من jQuery ولا تعمل مع اخرى .. هل لي بـأسماء بعض الاضافات التي تحدثت عنها

     موفق

     رد
2. أضف مؤثرات jQuery في مدونات Wordpress | ألوانك قال:

   20 أغسطس 2009 عند 6:38 م

   [...] أو إذا أردتم استخدام الملف من Google Code كما تم التوضيح بمقال كيفية عمل قائمة منسدلة باستخدام Ext Core يمكن كذلك إضافة jQuery للموقع بنفس الطريقة عن طريق إضافة الكود السابق في ملف header.php قبل وسم < body > : 1 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script> يمكن الاستفادة من مقال الأخ فؤاد بدوي عن حل مشكلة تعارض jQuery مع المكتبات الأخرى [...]

   رد
3. عبد الهادي قال:

   23 أغسطس 2009 عند 12:36 ص

   أهلا بك أخي فؤاد مجددا، وعذرا على التأخير..
   أولا مبارك الشهر الكريم وكل عام وأنت إلى الله أقرب إن شاء الله..
   الإضافات التي استخدمتها أخي هي التالية:

   http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/

   http://net.tutsplus.com/tutorials/javascript-ajax/create-a-tabbed-interface-using-jquery/

   فحينما أتابع الشرح أجد صاحب الإضافة يطلب تحميل آخر نسخة من مكتبة jQuery، ومنطقيا من وجهة نظري يجب أن تعمل كلا الإضافتين حينما نستدعي آخر نسخة من المكتبة لمرة واحدة، والمفروض أن تعمل من خلال استدعائنا لمكتبة jQuery المدمجة مع وورد بريس من غير مشاكل، لكن هذا لم يحصل معي فاضطررت لاستدعاء المكتبة في نسختين مختلفتين، فلربما تكون ملاحظتك تلك صحيحة..
   أنتظر توضيحك يا غالي مع شكري العميق لك..
   مني لك أرق تحية..

   رد
4. واحد قال:

   23 أغسطس 2009 عند 1:05 م

   فعلا الجى كيرى ممتازة دائما
   وانا كنت شفتلها كام درس هنا
   http://www.jooria.com/

   رد
5. عبدالملك الثاري قال:

   23 أغسطس 2009 عند 11:13 م

   جميل جداً كانت تواجهني نفس المشكله وحليتها بطريقه تقريباً نفس هذه الطريقة

   شكراً لك على نشر العلم اخوي فؤاد الله يوفقك

   رد
6. عبد الهادي قال:

   28 أغسطس 2009 عند 12:06 ص

   لازلت أطمع في الرد لو أمكن، أو على الأقل إخباري في حالة تعذر الرد لضيق الوقت حتى لا أظل رهينا لهذه التدوينة..
   شكرا مجددا ومني لك أرق تحية..

   رد
   • المُعاصر قال:

     5 سبتمبر 2009 عند 10:39 م

     اهلا بك عزيزي .. و اعتذر عن التأخر في الرد للإنشغال

     سأحاول في أقرب فرصة تجربة الإضافات إن شاء الله

     رد
     • عبد الهادي قال:

       6 سبتمبر 2009 عند 7:46 م

       شكرا لك أخي فؤاد على الاهتمام، وأرجو لك التوفيق في أعمالك، وإن كان هناك حل نهائي فسيكون جميلا لو تم نشرته في تدوينة منفصلة للفائدة، وأنا أتحدث تحديدا عن استعمال أكثر من إضافة jQuery في قالب وورد بريس..
       موفق ومني لك أرق تحية..

       رد
7. MARWAN قال:

   28 أغسطس 2009 عند 12:51 م

   يزاك الله خير يا المعاصر
   واجهتني هذه المشكلة في أحد التصاميم على الوورد بريس .. فلم أعرف ما هو الحل بسبب عدم تعمقي في jQuery .. فكان الحل أني اكتفيت باستخدام تطبيق واحد و ألغيت الثاني
   لكن الآن وجدنا الحل و سوف نطبقه في الأعمال القادمة.
   شكراً لك و يعطيك العافية

   رد
8. Abdula قال:

   5 سبتمبر 2009 عند 2:15 ص

   لا اعرف كيف اقوم بشكرك لكن لدي مشكله أنا استخدم بعض خصائص الجاي كيوري وعندما استخدم اضافة Lightbox 2 لا تعمل تلك الخصائص مالعمل؟

   رد
   • المُعاصر قال:

     5 سبتمبر 2009 عند 10:40 م

     اضافة Lightbox 2 تعتمد على مكتبة Prototype … و بالتالي يحدث تعارض بينها وبين jQuery >> هل جربت الحل بالأعلى لحل هذا التعارض ؟

     رد
     • Abdula قال:

       6 سبتمبر 2009 عند 9:47 م

       نعم عزيزي جربته أو بالأحرى أني جربته وكانت طريقتي خاطئه لكني قضيت ٣ أسابيع أحل المشكلة ولم أتمكن من ذلك
       أنا آسف جداً أزعجتك بمشكلتي

       رد
       • المُعاصر قال:

         6 سبتمبر 2009 عند 10:48 م

         هل جربت طريقة الحل بطريقة صحيحة .. أرجو أن تجرب الطريقتان بالأعلى و أبقيني على إطلاع

         موفق

         رد
9. أزهار قلبي قال:

   6 سبتمبر 2009 عند 8:21 م

   جزاك الله كل خير أخي فؤاد .

   رد
10. Abdula قال:

    8 سبتمبر 2009 عند 8:01 ص

    للأسف لا فائدة .. سأراجع معك ماقمت بعمله فتحت ملف jquery.js وحاولت تطبيق شرحك ولكن تأثيرات الجاي كيوري لا تعمل مع إضافة lightbox هل ماقمت به كان صحيح؟

    يالله لا أعرف كيف أقوم بشكرك لإهتمامك لأمري

    رد
    • المُعاصر قال:

      8 سبتمبر 2009 عند 3:41 م

      أهلا بك عزيزي ..

      الطريقة بالأعلى لا تطبق على ملف jquery.js .. بل تطبق على التطبيق نفسه .. راجع المثال في هذه التدوينة

      لو فرضنا أن تستخدم تطبيق قوائم منزلقة و بسبب إستخدام lightbox فإنها لا تعمل .. إذن عليك تطبيق الطريقة بالأعلى على أكواد القائمة المنزلقة و ليس على اكواد المكتبه نفسها

      رد
      • Abdula قال:

        8 سبتمبر 2009 عند 8:14 م

        ولكن ماذا عن tooltip(); لا استطيع ان اقوم بتشغيله مع اضافات ورد بريس جاي كيوري اخرى !

        رد
11. إصنع قائمة أزرار منزلقة بإستخدام jQuery قال:

    6 نوفمبر 2009 عند 3:37 م

    [...] و أي تطبيق أخر يستخدم مكتبة أخرى غير jQuery ..  فراجع هذه التدوينة أو قم بتحرير ملف animated-menu.js و إستبدل محتوياته بالتالي : [...]

    رد