سؤال

لدي صفحة مع قائمة بالعناصر (العناصر) - التي يتم رسمها ديناميكيا، وبالتالي يعيش. وبعد عندما يتدحرج المستخدم عبر عنصر ما، أود أن أتحول إليهم إلى فئة "على"، ثم عند إيقاف التشغيل (Mouseout) يعود العنصر إلى طبيعته. يتم تشغيل العناصر مع سطر التعليمات البرمجية أدناه، ولكن لا تنطفئ. اقتراحات؟

$('.item').live('mouseover', function(){$(this).switchClass('item','item_on', 500);});
$('.item_on').live('mouseout', function(){$(this).switchClass('item_on','item', 500);});

شكرا!

هل كانت مفيدة؟

المحلول

$('.item').live('mouseover',
function(){$(this).addClass('item_on');});
$('.item').live('mouseout',
function(){$(this).removeClass('item_on');});

أيضا، أعتقد أنه بالنسبة للجهاز الذاتي للعمل، فأنت بحاجة إلى تضمين jQuery UI بعد jQuery، ولكن قبل البرنامج النصي الخاص بك، ما يمكن أن يحدث هو الفأر هو الخروج من عنصر .ITEM، قبل إنشاء عنصر .ITEM_ON بواسطة التأخير وبعد

أيضا، أعتقد أن ما تبحث عنه، بدلا من مفاتيح تأخر قد لا يؤدي إلى تشغيل معالج الأحداث الحية، حاول استخدام http://cherne.net/brian/resources/jquery.hovertent.html. بدلا من ذلك، مع AddClass / Removeclass أعلاه.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top