我对WordPress来说还很陌生, 并且正在研究如何将jQuery纳入主题。
我将以下函数创建为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');
【如何在WordPress主题中包含jQuery()】因此, 我认为可以将其添加为其他JavaScript或CSS本地资源, 但是我不确定这种方法, 因为在这种情况下jquery.js不是本地资源而是在线资源(是同一回事吗?)
我也有一些疑问, 因为在网上搜索时, 我发现了将jQuery添加到主题中的不同方法, 例如这种方法。
你能给我一些有关如何正确完成此任务的信息吗?
#1为什么没有使用WordPress中找到的jQuery的任何特定原因?
如果需要添加依赖jQuery的JavaScript文件, 则可以将jQuery添加为依赖项。
<
?phpfunction 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。因此你的代码应类似于:
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
});
#2在wordpress中, 无需自定义Jquery。将依赖项添加为” jquery” , 它将自动加载。
#3由于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捆绑版本, 我觉得非常简单。
#4尝试这个,
<
?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
?>
#5你可以使用以下方法包含jQuery:
wp_enqueue_script( 'jquery' );
wp_enqueue_script( 'load-js-validate', 'foldername/jquery.js' );
Directly add in header file.<
script type="text/javascript" src="http://www.srcmini.com/<
?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
推荐阅读
- 如何将WordPress模板与CodeIgniter集成
- get_header操作不起作用
- 通过管理员在WordPress中编辑页脚内容
- href标签属性不可点击
- 将meta_value保存为序列化数组时的WP_Query
- wp_enqueue_style未添加版本
- Ubuntu安装MPEG-4 AAC解码器和H.264解码器
- 我们的解决思路是使用图引擎来驱动业务逻辑的执行
- day12作业(toString()方法和equals()方法)