水平无休止地滚动div的内容

时间:2013-12-14 17:18:31

标签: javascript jquery jquery-plugins marquee

我正在寻找一个带div的插件,并且无休止地水平滚动它的内容。

我尝试过使用该插件:http://plugins.jquery.com/marquee/,但由于某些未知原因,它在我的网页上无效!我尝试在jsFiddle上重新创建问题,但在那里,它完美地工作!我不知道为什么!我甚至将我的整个代码复制到jsFiddle,以便在我的页面上看到其他东西可能会破坏它,但是在jsFiddle上,它可以工作!

我还检查了网络资源,看起来像Marquee正在工作,它正在为主要div设置动画,但由于某种原因,包含内容的div不显示并保持静态。这是一个展示我的意思的图像: enter image description here

我正在使用的js,以使其工作:

$('.marquee').marquee({
  //speed in milliseconds of the marquee  
  speed: 15000,
  //gap in pixels between the tickers  
  gap: 50,
  //gap in pixels between the tickers  
  delayBeforeStart: 0,
  //'left' or 'right'  
  direction: 'right'
});

正如我所提到的,它在jsFiddle上完全正常,在我的网站上不起作用。

所以在过去2小时试图解决这个问题之后,我已经放弃了。 我正在寻找另一个可以做同样事情的插件。

2 个答案:

答案 0 :(得分:1)

如果有人会遇到这个问题,问题是该脚本无法从右到左处理,我的整个网页都被声明为dir="rtl",所以我强行将div改为是dir="ltr",它现在有效。

希望将来会帮助某人!

答案 1 :(得分:0)

如果它适用于jsFiddle,它也适用于您的本地文件。

jsFiddle演示与本地文件之间的区别在哪里? 我会尝试逐步删除本地内容,直到您知道问题所在。