Intereting Posts
Использование фильтров таблиц списка для всех настраиваемых типов сообщений Есть ли крючок для активации пользователя (после того, как он нажимает подтверждение по электронной почте)? Запросы сообщений исключают целую категорию Неустранимая ошибка: допустимый размер памяти, когда после использования enqueue_script Visual / Text Editor отображает пустые страницы в WP-Admin, но HTML на клиентской стороне отображается правильно Автоматически добавлять символ в поле на странице редактирования сообщений Текст заполнителя для регистрационной формы Пользовательский заголовок при использовании короткого кода Как удалить вложения в сообщениях, когда jQuery используется с событием клика по ссылке удаления Перетащить и загрузить файл HTML5 в медиа-библиотеку? javascripts файлы, не связанные с моими категориями? Как узнать, какой файл или функция ajax вызывается для действия Как я могу предоставить пользовательскому сообщению WordPress для титров один и тот же заголовок и slug как его родитель? Как использовать add_action из метода класса? Как заменить #comment из структуры почтового адреса

загрузка javascript на WP PAGE

поэтому я пытаюсь сделать это http://jsfiddle.net/2XV7w/5/ на my custom_page на wordpress. это условная html-форма. Он отобразит конкретный <div> когда я выберу конкретное раскрывающееся значение.

когда я пытаюсь загрузить образец javascript на моем custom_page.php он отлично работает. чтобы убедиться, что JS работает.

 <script> document.write("<p>javasript test</p>"); </script> 

но когда я использую этот script.js , это не сработает.

 $("#dd").change(function(){ var selected= $("#dd option:selected").text(); $('div').hide(); $('#'+ selected).show(); }); $(document).ready(function(){ $('div').hide(); }); 

Моя custom_page.php

 <?php get_header(); ?> <script type="text/javascript" src="/js/script.js"></script> <!-- DROPDOWN --> <select id="dd"> <option value="1">SHOW DIV 1</option> <option value="1">SHOW DIV 2</option> </select> <!-- DIV CONTENT --> <div id="1">Content of div 1</div> <div id="2">Content of div 2</div> <!-- FORM --> <form action="" method="POST"> Message <input type="text" name="message" /> &nbsp; <input type="submit" name="submit" value="Send"> </form> <?php get_footer(); ?> 

Solutions Collecting From Web of "загрузка javascript на WP PAGE"

Вы найдете файл под названием functions.php в папке темы. Откройте его и добавьте следующий фрагмент:

 function wpse_109027_enqueue_js() { wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri() . '/js/script.js', array( 'jquery' ) ); } add_action( 'wp_enqueue_scripts', 'wpse_109027_enqueue_js' ); 

wp_enqueue_script используется для добавления файлов javascript. Часть array('jquery') означает, что WordPress должен загружать jQuery перед загрузкой файла javascript.

Обратите внимание, что WordPress загружает jQuery в NoConclict Mode . Поэтому вы должны использовать jQuery noConflict Wrappers в своем коде:

 jQuery(document).ready(function($){ $("#dd").change(function(){ var selected= $("#dd option:selected").text(); $('div').hide(); $('#'+ selected).show(); }); $('div').hide(); });