Intereting Posts
eBooks скачать сайт, страницу или сообщение? Кто-нибудь может мне помочь? Почему это не работает? Как получить $ _GET за конкретное действие? Как установить имя класса для тега <li> в меню WordPress? Проблемы ClassLoader.php после перехода на новый хост wp_dequeue_script () wp_localize_script () родительской темы Массовое обновление пользовательского типа сообщений сразу в wordpress Пользовательские массовые действия в WP 3.7.1 Пользовательская постоянная ссылка с разбивкой на страницы Создание плагина WordPress исключительно для панели администратора с тире меню и подменю Неустранимая ошибка: допустимый размер памяти 146800640 байт исчерпан (пытался выделить 57 байт) в public_html / wp-includes / rewrite.php в строке 1561 как вызвать опции на лицевой панели и добавить логотип Как узнать, был ли пользователь включен и создал меню Ссылка на RSS-канал на странице архивов не работает Установить шаблон страницы для всех страниц?

jQuery для создания кнопки для показа / скрытия комментариев WordPress и для скрытия комментариев по умолчанию

Я пытаюсь создать кнопку для показа / скрытия комментариев в WordPress. В настоящее время я использую следующий скрипт:

<script> $(document).ready(function() { // Get the #comments div var commentsDiv = $('#comment-section'); // Only do this work if that div isn't empty if (commentsDiv.length) { // Hide the comments div by default $(commentsDiv).hide(); // Append a link to show/hide $('<button/>') .attr('class', 'toggle-comments') .attr('href', '#') .html('Show Comments <span class="icon_comment"></span>') .insertBefore(commentsDiv); // when show/hide is clicked $('.toggle-comments').on('click', function(e) { e.preventDefault(); // show/hide the div using jquery's toggle() $(commentsDiv).toggle('slow', function() { // change the text of the anchor var anchor = $('.toggle-comments'); var anchorText = anchor.html() == 'Show Comments <span class="icon_comment"></span>' ? 'Hide Comments <span class="icon_comment"></span>' : 'Show Comments <span class="icon_comment"></span>'; $(anchor).html(anchorText); }); }); } // End if commentsDiv.length }); </script> 

Теперь этот код функционирует так, как ожидалось, в связи с созданием кнопки (т. Е. Создает кнопку с надписью «Показать комментарии»); однако кнопка, созданная скриптом, не работает должным образом (т. е. она не отображает / не скрывает раздел div комментария). Скрипт отлично работает в моей тестовой среде, но когда я пытаюсь развернуть его при установке WordPress в реальном времени, происходит вышеупомянутое поведение. Вот тестовая установка с исполняемым скриптом: http://zyniker13.com/2013/11/20/test-post/ . Как видите, кнопка присутствует, но ничего не делает.

До сих пор я попытался разместить код в footer.php, comments.php и отделить jQuery от скрипта (помещая вызов в CDN от Google в заголовке и сам сценарий по-разному в нижнем колонтитуле и в комментарии comment.php). Независимо от того, где я помещаю код, я не могу заставить его работать правильно.