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

【问题标题】：Scroll div's content horizontally endlessly无休止地水平滚动 div 的内容
【发布时间】：2014-01-02 08:58:40
【问题描述】：

我正在寻找一个插件，它需要一个 div，并在水平方向上无休止地滚动它的内容。

我尝试过使用该插件：http://plugins.jquery.com/marquee/，但由于某些未知原因，它无法在我的网页上运行！我试图在 jsFiddle 上重新创建问题，但在那里，它工作得非常好！我不知道为什么！我什至已经将我的整个代码复制到 jsFiddle 以查看我页面上的其他内容可能会破坏它，但是在 jsFiddle 上，它可以工作！

我还检查了网络源代码，似乎 Marquee 正在工作，它正在为主 div 设置动画，但由于某种原因，包含内容的 div 没有显示并保持静态。这是一个演示我的意思的图像：

我正在使用的 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 小时试图解决这个问题后，我放弃了。我正在寻找另一个可以做同样事情的插件。

【问题讨论】：

标签： javascript jquery jquery-plugins marquee

【解决方案1】：

如果有人遇到这个问题，问题是脚本不能从右到左处理，我的整个网页被声明为dir="rtl" 所以我已经强制 div 为dir="ltr" 并且它现在工作。

希望它对未来的人有所帮助！

【讨论】：

【解决方案2】：

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

jsFiddle 演示和你的本地文件有什么不同？我会尝试逐步在本地删除东西，直到您知道问题的原因为止。

【讨论】：

这就是问题所在，没有任何变化。我只是照原样复制了所有内容。我生成内容的方式是使用 PHP，但我已经尝试删除流派并查看它是否有效，但仍然没有成功。