为什么jquery新闻自动收报机无法在我的网站上运行？

Question

我添加到我的主页embed html并添加了这段代码/脚本：

<ul class="newsticker">
    <li>Etiam imperdiet volutpat libero eu tristique.</li>
    <li>Curabitur porttitor ante eget hendrerit adipiscing.</li>
    <li>Praesent ornare nisl lorem, ut condimentum lectus gravida ut.</li>
    <li>Nunc ultrices tortor eu massa placerat posuere.</li>
</ul>

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="js/newsTicker.js"></script>

<script>
$('.newsticker').newsTicker();
</script>

从所有者网站获取代码示例：

https://github.com/risq/jquery-advanced-news-ticker

由于我的网站编辑是在weebly.com，我已经上传了js文件。 我试图改变这一行：

<script src="js/newsTicker.js"></script>

要：

<script src="/files/theme/jquery.newsTicker.js"></script>

试过第一个主题：

到目前为止没有任何工作。 我在我的网站上有这个文件我上传了：

jquery.newsTicker.js
jquery.newsTicker.min.js
jquery.ticker.js

脚本应该使文本向上滚动。 但它不起作用。我没有看到文本静止不动。

修改

这就是我在控制台中获得的内容：

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.dragndropbuilder.com/files/theme/jquery.newsTicker
Uncaught TypeError: Object [object Object] has no method 'newsTicker' apps/customHtml.php?ucfid=838201711125452969&w=1395277796370&w=139527783313…2562870&w=1395292592083&w=1395292871153&w=1395292967301&w=1395292990574:56
6
Consider using 'dppx' units instead of 'dpi', as in CSS 'dpi' means dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to the actual 'dpi' of a screen. In media query expression: only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) 
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.dragndropbuilder.com/files/theme/jquery.newsTicker.js
Uncaught TypeError: Object [object Object] has no method 'newsTicker' customHtml.php?ucfid=838201711125452969&w=1395277796370&w=1395277833139&w=1395277850426&w=139527788…:56

Answer 1

似乎插件的路径不正确，请再次检查，或者您可以使用直接链接：

<script src="http://risq.github.io/jquery-advanced-news-ticker/assets/js/jquery.newsTicker.js"></script>

而不是：

<script src="/files/theme/jquery.newsTicker.js"></script>

以及将jQuery代码包装在其中：

jQuery(function($) {
    $('.newsticker').newsTicker();
});

以防止您使用其他JavaScript库时发生冲突。

Answer 2

去萤火虫，

在＆＃34; Net＆＃34;选项卡，检查是否包含了插件脚本js / css。

确保它没有显示红色。

红色表示没有获得正确的路径，因此出现404错误。

Answer 3

顺便说一下，这个插件不适用于最近的Jquery版本，最适合1.6。