Блог

Главная - Вопросы по программированию - Почему я не могу заставить этот скрипт работать в Joomla 3

Почему я не могу заставить этот скрипт работать в Joomla 3

#jquery #html #loops #joomla3.0 #cross-fade

#jquery #HTML #циклы #joomla3.0 #перекрестное исчезновение

Вопрос:

Я пытаюсь заставить базовую функцию jquery с циклом и перекрестным затуханием работать в Joomla 3 на последовательных слоях DIV. Все, что я прочитал, похоже, не проясняет, что я делаю неправильно. Вот HTML-файл div:

 <div class="quotes">
<p><i>"Quote 1 with many lines of text"
<br>
Blessings,</i></p>
<p><b><i>Sherry</i></b>
</div>

<div class="quotes">
<p><i>
"Quote 2 with many lines of text"
<br>
Take care my friend,</i></p>
<p><b><i>Liz</i></b>
</div>

и вот jquery:

 (function() {

var quotes = $(".quotes");
var quoteIndex = -1;

function showNextQuote() {
      quoteIndex;
    quotes.eq(quoteIndex % quotes.length)
        .fadeIn(2000)
        .delay(2000)
        .fadeOut(2000, showNextQuote);
}

showNextQuote();

})();

и соответствующий CSS:

 .quotes {display: none;}

Я смог заставить код работать в jsfiddle, но не на моем веб-сайте Joomla 3. Вы можете увидеть, как он работает здесь:http://jsfiddle.net/n4mKw/4290 /

Пожалуйста, подскажите мне, как заставить его функционировать в Joomla 3. Заранее спасибо!

Комментарии:

1. Вы проверяли консоль на наличие какой-либо ошибки jQuery? Также попробуйте изменить $ («.кавычки»); на jQuery («.кавычки»);

2. Не уверен, правильно ли я все сделал, я заменил ту часть, которую вы предложили… Ничего не изменилось. Нужно ли мне поместить весь скрипт между <script> mark up inline в теле или где-то еще? Проблема в том, что я не знаю, как объявить его между разметкой <head> внутри шаблона Joomla 3.

3. Если возможно, можете ли вы прислать мне URL для проверки?

4. 74.220.219.51 / ~ bobsexpe — с правой стороны есть 2 раздела, один называется Отзывы читателей , а другой называется Отзывы читателей 2… Отзывы читателей 2 — это тот, который я пытаюсь заставить работать. @Ifran

5. Я проверил и не смог найти никакого JS-кода, который вы предоставили на этом сайте. Вы можете поместить это в index.php вашего активного шаблона.