jQuery liScroll文本宽度问题

时间:2011-03-17 12:03:52

标签: jquery

我正在使用这个jQuery脚本来动画滚动的Twitter更新栏 http://the-taylors.org/blog/2010/03/15/liscroll-jquery-news-ticker-customisation-with-next-previous-play/

除了保存UL的Div(class = liScroll-ticker)的宽度之外,其工作正常,但是它太小而且列表元素不会保留在同一行上。

我想我已经将它缩小到脚本中的这一行:

$stripItems.each(function(i) {  
    stripWidth += jQuery(this, i).width();  
});  
$strip.width(stripWidth);

我在这里读到另一个帖子,注入[span]元素可能允许我测量宽度而不是文本。有没有人知道如何将其插入到上面的脚本中,或者这是否是正确的方法?

感谢您的帮助!

更新

似乎我设置文本样式的方式是增加宽度,脚本不会添加额外的像素。

我尝试在outerWidth()stripWidth上使用accumulatedWidth方法但没有成功。

我还尝试将每个<li>的内容包装在<span>中,然后测量它,虽然它确实返回了不同的值,但仍然不正确。同样使用<div>

我很困惑!!我甚至认为边距,填充,字体大小和字体权重属性导致了问题吗?或者我在<span>内有<li>个元素未被测量?

以下是问题的演示: 的 http://jsfiddle.net/martynr/ExcBr/9/

1 个答案:

答案 0 :(得分:0)

我在github上创建了一个项目,并稍微调整了一下代码,希望能解决你的问题。如果仍有问题,那么很容易在那里更新它,你可以提取最新版本。

https://github.com/davetayls/jquery.liScroll

希望这很有用