ядро jquery не работает в Wordpress

Question

Проблема Скрипты на некоторых страницах, использующих jquery, не активируются.

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

<script type="text/javascript">
$(document).ready(function (){
      $(".testJavascript").addClass("hover_red");
});
</script>
<p class="testJavascript">This paragraph is to test Javascript</p>

Это должно добавить красную рамку, но не будет работать.

Устранение неполадок, которые я пробовал Я проверил наличие ядра jquery, и оно появляется в заголовке страницы.Он помещен в очередь и, кажется, работает правильно на некоторых других страницах, поэтому у меня нет оснований подозревать, что он был поврежден.

Я пробовал следующие тесты:

• Поместите приведенный выше скриптв шаблоне заголовка непосредственно перед закрывающим тегом заголовка
• Поместите скрипт в тело страницы прямо над тестовым абзацем, к которому он относится
• Поставьте скрипт в очередь на случай, если какой-то видконфликта, который я не ожидал. Это привело к тому, что страница перестала загружаться - не понимаю, почему это может вызвать проблемы. .РЕДАКТИРОВАТЬ: После дальнейшего тестирования я подозреваю, что это было вызвано номенклатурой $ vs jQuery.После его изменения постановка в очередь этого скрипта больше не останавливает загрузку страницы.однако сценарий по-прежнему не работает.
• Наконец, поскольку я новичок и всегда подозреваю, что являюсь причиной проблемы, я помещаю сценарий и HTML-фрагмент на страницу моего локального MAMP.сервер.Сработало как положено.Я думаю, что это освобождает меня от кодирования, но, возможно, нет.

Я смущен тем, что может быть причиной проблемы.

Буду признателен за любые предложения относительно того, гдепоищите возможный источник проблемы.

Спасибо.

Answer 1

Если у вас конфликт jQuery, попробуйте его с помощью noConflict ()

<script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function ($) {
          $(".testJavascript").addClass("hover_red");
    });
</script>

Answer 2

Одной из возможных проблем может быть то, что ваш класс testJavascript имеет границу в css и появляется перед классом hover_red. Если это так, переключите их, чтобы hover_red появился после testJavascript в вашем CSS-файле (или в тегах стиля)

Answer 3

Ответ на мой собственный вопрос

Окончательное решение этой проблемы - поставить таблицу стилей, связанную с тестовым скриптом.Я ссылался на файл css, используя стандартную ссылку в заголовке, добавленную в шаблон заголовка над конечным тегом заголовка.Похоже, это не сработало, потому что когда я поставил файл стилей в очередь, скрипт работал.