У меня есть сайт WordPress, который я бы хотел использовать плагин jQuery под названием DataTables. У меня возникли проблемы с поиском правильного способа загрузки сценария jQuery и сценария DataTables в WordPress.
Я знаю, что я должен использовать что-то с помощью: wp_enqueue_script("jquery") но я не знаю, куда его поместить или как загрузить другой плагин jQuery, который мне нужен.
Последний бит, который я пробовал, помещал это в файл header.php для моего сайта WordPress:
<?php wp_enqueue_script("jquery"); ?> <?php wp_head(); ?>
Любая помощь будет принята с благодарностью!
jQuery включен в ядро WordPress, и когда вы включаете свой javascript, вы можете заявить, что ваш скрипт зависит от загружаемого jquery в качестве третьего параметра wp_enqueue_script: http://codex.wordpress.org/Function_Reference/wp_enqueue_script .
Правильный способ использования wp_enqueue_script – включить его в обратный вызов, прикрепленный к конкретному крюку действия. Это звучало невероятно сложно для меня, когда я начал с WordPress, но на самом деле это действительно хорошая система, потому что она позволяет вам указать, когда ваш код должен работать во время инициализации WordPress.
Таким образом, в вашем файле functions.php или плагине вы добавляете свой крючок.
add_action( 'wp_enqueue_scripts', 'my_js_include_function' );
Затем в этой функции вы запускаете фактическое включение и объявляете, что ваш скрипт зависит от jquery.
function my_js_include_function() { wp_enqueue_script( 'my_script.js', '/path/to/myscript.js', array('jquery') ); }
Первый параметр wp_ennqueue_script () – это произвольное имя, которое вы присваиваете своему скрипту. Если бы вы тогда объявили, что другой скрипт был зависеть от исходного, вот как вы могли бы ссылаться на него в третьем параметре.
Если вы не можете использовать какие-либо методы WordPress, вы можете включить плагин Jquery вручную в свой файл extension_name.php сразу после вашего wp_enqueue_script("jquery");
echo "<script src='http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js'></script>";
Лучший способ сделать это через файл functions.php,
URL: http://codex.wordpress.org/Function_Reference/wp_enqueue_script
Образец:
/** * Proper way to enqueue scripts and styles */ function theme_name_scripts() { wp_enqueue_style( 'style-name', get_stylesheet_uri() ); wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true ); } add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
Что этот код читает, так это то, что вы создаете функцию под названием «theme_name_scripts», теперь вы вызываете wp_enqueue_script (), это занимает 5 параметров: «Имя скрипта», «URL», «ARRAY», «Version», «True / False», (Истинные нагрузки в заголовке и False в нижнем колонтитуле) …
Элемент Add_action – это крючок для присоединения к WordPress. Это объяснительно, вам нужно, чтобы функция работала. Он говорит wp_enqueue_scripts из функции 'theme_name_scripts' или имя функции ..
Желаем удачи, если вам нужна дополнительная помощь, попробуйте Google «WordPress, enqueue Scripts tutorial»,
в моих functions.php:
function mytheme_scripts() { wp_enqueue_script( 'myscript', get_template_directory_uri() . '/js/myscript.js', array('jquery'), false, true ); } add_action( 'wp_enqueue_scripts', 'mytheme_scripts' ); function custom_shortcode3() { echo "wp_enqueue_scripts();"; } add_shortcode( 'totaldeprodutos', 'custom_shortcode3' );
в моем /js/myscript.js:
<div id="show"></div> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function total() { setInterval(function () { $('#show').load('datatotaldeprodutos.php') }, 1000); };
Мне нужно короткое шоу для функции total ()