jquery/javascript: спадне поле в неправильному місці

Я отримав допомогу раніше для місця розташування, якщо моя коробка jquery, але це не було універсальне, і я не зовсім це розумію. Код переміщує моє спадне поле, щоб розгорнути вправо, але тепер, коли я змінив позицію посилань, поле більше не вирівнюється правильно. Ось новий код:

$('.menu ul li:has("ul")').each(function(){
   var nameWidth = $(this).outerWidth(),
       dropdownWidth = $(this).find('ul').width(),
       change = (dropdownWidth - nameWidth) - 10;
    $(this).find('ul').css('left', change+'px');

Here's my entire code http://jsfiddle.net/rKaPN/30/

0

1 Відповіді

У вашому CSS ви можете змінити наступне:

.menu ul li ul{
   position:absolute;
   right: 0px; //Add this  
  //Rest of your css
}

Він вирівняє спадне меню праворуч, як і раніше, вліво, без використання кожного описаного вами циклу. Однак, ваш цикл також стає функціональним, коли ви просто визначаєте ліву властивість:

.menu ul li ul{
    position:absolute;
    left: 0px; //Add this  
   //Rest of your css
}
1
додано
ІТ КПІ - JavaScript
ІТ КПІ - JavaScript
504 учасників

співтовариство javascript розробників в Telegram