Почему мне нужно несколько раз обновить sh сайт WordPress, чтобы он появился?

Question

Этот сайт, который я создал, www.aroundtownnews.com иногда приходится обновлять 2, 3 или 4 раза, что разочаровывает.

Страница, о которой в основном идет речь:

http://aroundtownnews.com

Если вы наведете указатель мыши на фон, вы увидите курсор «указатель», как будто что-то покрывает всю страницу.

Это было встроенный в Wordpress и обновлен до последней версии, и я просто не могу понять, почему это происходит.

Спасибо

ОБНОВЛЕНИЕ:

Как воспроизвести проблема:

1) Go до www.aroundtownnews.com и увидеть DOCK и OCEAN нет страницы, нет меню, нет ничего, только фон

2) Refre sh экран, 1, 2 или 3 раза, чтобы «в конце концов» увидеть страницу, меню, верхний колонтитул, нижний колонтитул и т. Д. c ...

Вот как воспроизвести проблему. Надеюсь, это поможет понять, почему я и мой клиент расстроены. Я разочарован.

ОБНОВЛЕНИЕ:

Я нашел этот код в файле сценариев. js из-за Гарра Годфри.

$('.mh-slider-widget').flexslider({
    animation: "fade",
    controlNav: true,
    directionNav: false,
});

Я закомментировал это и, конечно же, все работает ОТЛИЧНО!

Теперь вторая часть этого вопроса: если вы go ЧИТАЙТЕ ОНЛАЙН и нажимаете на Проблема в течение любого месяца, FLIP * Появится 1048 *. Это прекрасно работает, но, когда вы закрываете его, прямо за ним есть еще один! Я следовал инструкциям и уже 2 года пользуюсь FLIP HTML5, и у них нет решения.

Вот код для каждой проблемы:

<div class="team_style_featured">
    <h4>JAN 10 - 23, 2020 Issue</h4>
        <div class="image">
        <img class="imgcovers tip" title="Read our January 10 - 23, 2020 issue of AroundTown News today!" src="http://aroundtownnews.com/wp-content/uploads/2020/01/Jan-10-2020-23-2020-Page1thmb.png" alt="" data-rel="fh5-light-box-demo" data-href="http://online.fliphtml5.com/sner/ghuu/" data-width="900" data-height="500" data-title="Read our JAN 10 - 23, 2020 Full Issue - Click the THREE VERTICAL DOTS for FULL SCREEN MODE" />
        </div>
        <a href="http://www.aroundtownnews.com/wp-content/uploads/2020/publications/Jan-10-23-2020-full-issue.pdf" target="_blank" rel="noopener">Download/Read PDF</a></div>
</div>

Answer 1

Я отвечу на это с подсказкой для отладки javascript проблем, что, я думаю, вы испытываете.

Прежде всего, проверьте javascript консоль. В Chrome проще всего, просто нажмите F12. Должно открыться окно и щелкнуть вкладку «Консоль», чтобы увидеть javascript ошибки, а также другие предупреждения. Вы даже можете щелкнуть по номеру строки, чтобы открыть код, в котором произошла ошибка.

Другой совет - использовать «Inspect ...» из правого меню мыши. Вы можете посмотреть, какие элементы в вашей DOM в настоящее время видны.

Одна распространенная вещь, с которой я столкнулся, если у меня появляются дублирующие контейнеры, это то, что обработчики могут быть зарегистрированы более одного раза. Используя jquery, если вы используете «on» или какой-либо другой метод для добавления обработчика несколько раз, обработчик вызывается несколько раз.

Вы можете вставить сообщения журнала для отладки. Такие вещи, как:

 console.log("in click handler")

Это будет видно в консоли javascript, и вы сможете увидеть, будет ли оно отображаться более одного раза (осторожно, так как chrome объединяет повторяющиеся сообщения. Вместо того, чтобы печатать дважды число, просто появляется рядом с выводом).

Это позволит вам быстрее решить их самостоятельно.