我有一些查询将计算每个li的像素宽度。 问题是它没有考虑到A href中的字符数量。jquery resize li基于字符串大小
您可能会得到“Cartouches /Réservoirs”,它会尝试根据其他项目的计算分配124px宽度。
我需要首先检查字符数是否符合指定的大小,如果它们不通过从具有足够空间的LI中删除一些来增加大小。
$('div#new-menu-lower ul li').css('width', ($('div#new-menu-lower ul').width()/$('div#new-menu-lower ul li').length));
$(function() {
var menuWidth = $('div#new-menu-lower ul').width();
var listItems = $('div#new-menu-lower > ul > li').length;
var itemWidth = Math.floor(menuWidth * (1/listItems)) - 20;
$('div#new-menu-lower ul li').css('width', itemWidth);
});
以下是演示:http://jsfiddle.net/zwqYf/3/
当你将鼠标悬停的项目被打破,你可以看到。
有没有办法解决这个问题?
是什么你试图完成,为什么这样? – Rodik 2012-08-13 15:55:34
,因为css方法将li聚集在一起,我需要它全宽。 – 2012-08-13 15:57:02