Блог

Главная - Вопросы по программированию - включение jquery при обратном отсчете кликов на нескольких страницах

включение jquery при обратном отсчете кликов на нескольких страницах

#jquery #html #jquery-plugins #countdown

#jquery #HTML #jquery-плагины #обратный отсчет

Вопрос:

у меня возникли проблемы с включением jquery при обратном отсчете кликов. Скрипт включен в несколько страниц. Иногда это работает, но не каждый раз.

Что-то вроде этого: обратный отсчет страницы вопросов викторины => завершение до страницы ответов => Страница вопросов с обратным отсчетом => завершение до обратного отсчета. Это код:

 <script type="text/javascript" src="jquery/jquery.min.js"></script>
<script type="text/javascript" src="jquery/jquery.countdown360.min.js"></script>

<script type="text/javascript">

var countdown = $("#countdown").countdown360({
    radius: 60,
    seconds: 10,
    label: ['Sekunde', 'Sekunden'],
    fontColor: '#FFFFFF',
    strokeStyle: "#f7a600",
    fillStyle: "#203a8f",
    autostart: false,
    onComplete: function () {window.location = '1-2-3_S1_0001_a.php';  
    }
});

document.getElementById('clickcountdown').addEventListener('clickcountdown', function() {
        countdown.start();
            }, false);
$(window).on('load', function() {
    $("#notready").delay(5000).hide(200);
});
</script>

Задержка в конце вызвана тем, что я думал, что DOM не готов, но это не помогло.
Я уже пробовал функцию document ready, тоже не помогло. Следующая попытка заключалась в использовании разных идентификаторов для каждой страницы из-за кэша DOM. Не сработало.

Ссылка «clickcountdown» выглядит примерно так:

 <div id="navi">
  <p id="clickcountdown"><a href="1-2-3_S1_0001_f.php?Befehl=gewinn2">Start<span>›</span></p>
</div>

У кого-то есть идея, почему это не работает каждый раз?

Редактировать: я попытался получить вывод из document.getElementById, добавив console.log(‘test’); после начала обратного отсчета. Но это не оставило никаких следов в консоли.

Заранее большое спасибо, Борис

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

1. Определите «не работает». В частности, как происходит сбой при отладке? Один из селекторов не находит то, что вы ожидаете, что он найдет? Есть ли ошибка в консоли JavaScript? Где находится этот #notready элемент? Какое это имеет отношение к обратному отсчету?

2. Странно, что он не показывает никаких сбоев в консоли. #notready был просто наложением, чтобы предотвратить нажатие на «clickcountdown» в течение 5 секунд. Как уже было сказано, иногда это работает как шарм и, по моим ощущениям… если я нажимаю, чтобы ускорить «clickcountdown», обратный отсчет не появится, и будет следовать только ссылка.