Intereting Posts
Получение данных из определенного многосайтового блога удалить меню администратора плагинов в wordpress без установки плагина в v3.8.1 Легкий способ показать выдержки из отдельных сообщений на странице Получить информацию о моем сайте WordPress posttype / taxonomy / term archive стр. 404 ошибка Как я могу изменить это, чтобы показывать количество сообщений в месяц? Серьезно застрял с некоторыми обычными мета-коробками / плагинами Как добавить Датчик даты в динамическом добавлении и удалении настраиваемых полей (поля повторителя) Проблема WP_INSERT_POST в WordPress Multisite Стиль боковой панели не совпадает с моей другой боковой панелью? Пользовательский тип сообщения с включенными настраиваемыми полями, есть ли способ установить группу файлов по умолчанию? Шаблон категории: необходимо отображать разные материалы на первой странице архивов. Можно ли добавить пользовательскую бизнес-логику на страницу редактирования пользовательского почтового администратора? Использовать wp_redirect без фильтра в файле плагина Как получить мета-значение пользователя в wordpress

загрузка 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(); });