Всем доброго времени суток.
Суть вопроса такова. Есть список:
<section>
<nav>
<ul>
<li>
//.....какой то контент
</li>
<li>
//.....какой то контент
</li>
<li>
//.....какой то контент
</li>
<li>
//.....какой то контент
</li>
</ul>
</nav>
</section>
Нужно li сделать равной ширине окна браузера, а ul получается равным все li * кол-во li.
Скрипт:
slider_size();
function slider_size() {
var container = $("nav");
container.each(function() {
var $this = $(this),
win = $this.closest("section"),
winWidth = win.width(),
list = $this.find("ul"),
item = list.find("li"),
itemLength = item.length;
item.width(winWidth);
list.width(winWidth * item.length);
});
}
Собственно все работает, только li присваивается значение ширины окна - размер скроллбара!!! Как это исправить, подскажите????
Заранее благодарю