Intereting Posts
как получить постоянную связь с php Несколько цветов в теме WordPress за раз Указать автоматически высоту и вес изображений Исключить некоторые фотографии в медиа-библиотеке Вызов wp_localize_script в другой функции Войдите в учетные записи социальных сетей без создания учетной записи WP Сообщения не отображаются, если пользователь не вошел в систему Правило перезаписи для пользовательской таксономии Получить данные из плагина Список людей в шаблоне автора Как получить определенное изображение для всех, кто комментирует? Как сделать изображение вырезания полным размером, а не эскизом? Как получить содержимое корзины woocommerce без каких-либо действий? Почему я не могу редактировать или взаимодействовать с TinyMCE в моем виджете плагина WordPress? Использование TinyMCE в плагине? Как использовать функции изображения WP в шаблоне страницы?

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