我在主页上嵌入了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

最佳答案

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

<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库时发生冲突。

关于javascript - 为什么jQuery新闻自动收录器在我的网站上不起作用?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22523990/

10-12 04:42