2014-01-21 4 views
4

Я довольно новичок в WordPress, и я выясняю, как включить jQuery в тему.Как включить jQuery в тему WordPress?

создать следующую функцию в functions.php тему:

function load_java_scripts() { 
    // Load FlexSlider JavaScript that handle the SlideShow: 
    wp_enqueue_script('jQuery-js', 'http://code.jquery.com/jquery.js', array(), '1.0', true); 
} 
add_action('wp_enqueue_scripts', 'load_java_scripts'); 

Так что я думаю, что я могу добавить его в некоторых других местных ресурсов JavaScript или CSS, но я не уверен, что об этом методе, так как в этот случай jquery.js не является локальным ресурсом, но это интернет-ресурс (это то же самое?)

у меня также есть некоторые сомнения, потому что поиск в Интернете я нашел различные методы, чтобы добавить Jquery к моей теме, подобный one.

Можете ли вы дать мне некоторую информацию о том, как правильно выполнить эту задачу?

+1

Почему вы включаете jquery manualy? Разве он не включен? – timo

ответ

1

попробовать это,

<?php 
    function load_external_jQuery() { 
     wp_deregister_script('jquery'); // deregisters the default WordPress jQuery 
     $url = 'http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'; // the URL to check against 
     $test_url = @fopen($url,'r'); // test parameters 
     if($test_url !== false) { // test if the URL exists if exists then register the external file 
      wp_register_script('jquery', '//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'); 
     } 
     else{// register the local file 
      wp_register_script('jquery', get_template_directory_uri().'/js/jquery.js', __FILE__, false, '1.7.2', true); 
     } 
     wp_enqueue_script('jquery'); // enqueue the jquery here 
    } 
    add_action('wp_enqueue_scripts', 'load_local_jQuery'); // initiate the function 
?> 
3

В Wordpress Нет необходимости для пользовательских Jquery. Добавить зависимости как «jquery», он автоматически загрузится.

1

С WP уже поставляется с JQuery, я бы просто загрузить его для вашей темы, добавьте его, как это в ваш functions.php

function load_scripts(){ 
    //Load scripts: 
    wp_enqueue_script('jquery'); # Loading the WordPress bundled jQuery version. 
    //may add more scripts to load like jquery-ui 
} 
add_action('wp_enqueue_scripts', 'load_scripts'); 

Есть несколько способов включить JQuery в тему. Я всегда использую пакетную версию WP, которую я считаю очень простой.

1

Вы можете использовать методы ниже, чтобы включить JQuery:

wp_enqueue_script('jquery'); 

wp_enqueue_script('load-js-validate', 'foldername/jquery.js'); 

Directly add in header file.<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script> 

function js_scripts() { 
wp_enqueue_script('jquery', get_template_directory_uri() . '/js/example.js'); 
} 

add_action('wp_enqueue_scripts', 'js_scripts'); // add this in function file 
2

Есть ли конкретная причина, почему вы не используете JQuery найти в WordPress?

Если вам нужно добавить файл JavaScript, который зависит от jQuery, вы можете добавить jQuery как dependency.

<?php 

function my_scripts_method() { 
    wp_enqueue_script(
     'custom-script', 
     get_stylesheet_directory_uri() . '/js/custom_script.js', #your JS file 
     array('jquery') #dependencies 
    ); 
} 

add_action('wp_enqueue_scripts', 'my_scripts_method'); 

?> 

Обратите внимание, что WordPress загружает JQuery в no conflict wrappers. поэтому ваш код должен быть таким:

jQuery(document).ready(function($) { 
    // Inside of this function, $() will work as an alias for jQuery() 
    // and other libraries also using $ will not be accessible under this shortcut 
}); 
+0

Спасибо @RRikesh, в этом была проблема. Я упустил загрузку jQuery. Я не знал об отсутствии оберток. По какой-то причине я не могу пометить ваш ответ как решение. –

Смежные вопросы