我正在使用这个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/
答案 0 :(得分:0)
我在github上创建了一个项目,并稍微调整了一下代码,希望能解决你的问题。如果仍有问题,那么很容易在那里更新它,你可以提取最新版本。
https://github.com/davetayls/jquery.liScroll
希望这很有用