jQuery الفوضوي الحقيقي

Question

أحاول إنشاء منسدلة NAV باستخدام jQuery و CSS ، وأشعر أنني أتخلى عن هيئة المحلفين إلى ما هو أبعد من حاجتي ، ومع ذلك ما زلت جديدًا على jQuery ولا يمكنني اكتشاف طريقة أفضل/أنظف تمامًا للحصول على هذا العمل ... سيكون موضع تقدير كبير لأي نظرة ثاقبة .. (باستخدام Tinypaste فقط لأنها طويلة)

http://tinypaste.com/49e96

Answer 1

يمكنك تقصير رمز اللون الخاص بك لأسفل وجعله أسهل قليلاً في الحفاظ عليه ، وهذا سيحل محل جميع رمز jQuery الذي نشرته:

var colors = { 
  "home":"#43b1cc", 
  "transport":"#f6e572", 
  "landdev":"#fda882", 
  "environment":"#b6e578" 
};

$('#nav > li').hover(function() {
  var color = colors[$(this).attr("id")];
  if (color) $(this).parent().css('background-color', color);
}, function(){
  $(this).parent().css('background-color', '#000');
});

$('#nav #transport ul').hover(function() {
  $(this).prev('a').css('backgroundImage', 'url(images/nav_transport_on.png)');
}, function(){
  $(this).prev('a').css('backgroundImage', 'url(images/nav_transport_off.png)');
});

يمكنك رؤية عرض تجريبي هنا, ، على الرغم من أن الصور لن تعمل :)