Intereting Posts
Файлы детской темы – что нужно? Программно установить «meta_query» для фильтра Почему массив сообщений пуст? Перенаправление и переход подкаталога в корневой каталог Переадресация входа в систему при входе на конкретную страницу Пользовательская страница «Забыть пароль» Ограничить доступ к корзине, только администратор плагин mailjet – расширение функциональных возможностей и повторное использование api Установка статической домашней страницы и страницы блога без использования настроек Я не могу заставить RSS-канал работать. Я получаю «синтаксический анализ XML не удалось» Каковы преимущества использования wp_enqueue_script () Можно добавить языковой файл в плагин без добавления файлов .po / .mo в каталог плагинов? Пользовательский условный оператор типа сообщения для идентификатора одного сообщения Overide enqueue в не подключаемой функции через дочернюю тему $ wpdb-> get_col и ORDER BY?

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