Почему на моем сайте не работает новостная лента jquery?

0

Я добавил на свою главную страницу 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
  • 0
    Что говорит ваша консоль?
  • 0
    null, как я выгляжу в консоли?
Показать ещё 2 комментария
Теги:

3 ответа

2
Лучший ответ

Похоже, что путь к вашему плагину неверен, повторите попытку или вы можете использовать прямую ссылку:

<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.

Поделиться
  • 0
    Феликс ваше решение работает. Может быть, я использую Javascript, а также был конфликт.
  • 0
    Рад, что это помогло! Пожалуйста, отметьте ответ как принятый, если вы удовлетворены :-)
0

Кстати, этот плагин не работает с недавними версиями JQuery, лучше всего работает с 1.6.

Поделиться
0

Пойдите в firebug,

На вкладке "Сеть" проверьте, включен ли ваш скрипт js/css плагина.

Убедитесь, что он не отображается красным.

Красный означает, что он не получает правильный путь и, следовательно, ошибку 404.

Изображение 174551

Поделиться
  • 0
    Студент-программист: да, я теперь видел в сетевой вкладке где-то красный 404, не найденный, когда я использовал /files/themes..... но как только я использую решение Феликса, красный не появляется. Так что, возможно, это конфликт.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню