jQuery News Ticker - 在我的网站上不起作用答案

【问题标题】：jQuery News Ticker - not working on my sitejQuery News Ticker - 在我的网站上不起作用
【发布时间】：2023-03-10 00:12:01
【问题描述】：

我正在尝试使用来自 http://www.jquerynewsticker.com 的 jQuery 新闻代码，但似乎无法使其工作。

我查看了代码主页上的代码，查看/比较了我的标记和代码位置，尝试使用 Firebug 跟踪代码，但它仍然无法运行。也许我在某个地方犯了一个错误，但我找不到它，或者也许我错过了其他一些东西。

我已将我正在使用的代码放在：

http://www.homes-in-naperville.com/banana.html

我欢迎 cmets 帮助我找到解决方案以使其正常工作。

【问题讨论】：

请再次查看jquerynewsticker.com，了解如何在 JavaScript 中实现代码。您缺少基本代码。
感谢您的浏览。在我的原始链接的来源中，我包含了以下内容的直接副本：
糟糕。谢谢你。在我的原始链接/页面的源代码中，我已经包含了指向本地托管副本的链接：新闻股票 css - 这给了我一些通用格式的新闻股票 js 文件 - 股票代码此外，我还注入了内联变量（新闻头条）以及一个指向我的代码的链接，该链接将 id 传递给 ticker() 函数，并包含在 jQuery(document).ready(function($){ ... }); 中。在该配置中，股票代码触发、运行、处理但不生成任何类似股票的输出，它只是静态显示第一个 LI 项目。我缺少什么基本代码？

标签： jquery news-ticker

【解决方案1】：

在您网站上的 javascript 中，您已将 javascript 直接放在页面中，而没有 DOM 就绪处理程序，而且语法也有点偏离。

将其更改为以下内容，它应该可以工作：

<script type="text/javascript">
    $(function () {
        $('#ticker').ticker({
            speed: "0.10",
            pauseOnItems: "5000",
            fadeInSpeed: "600",
            fadeOutSpeed: "900"
        });
    });
</script>

【讨论】：

谢谢正如我在原始链接的另一条评论中所说，我将代码包装在 jQuery(document).ready(function($){ ... }) 块中。我看到在通过 Firebug 跟踪它时调用了ticker() 代码，我只是无法确定它“中断”和停止的位置，或者我的代码或标记的哪一部分有问题。

【解决方案2】：

将此脚本附加到您的站点

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>

【讨论】：