JQuery在WordPress php文件中不起作用

时间:2013-07-25 作者:priya

我正在尝试使用jQuery垂直滚动div内容。

我在中使用了以下代码行function.php

add_action( \'wp_enquque_scripts\', \'my_script_enqueue\' );

function my_script_enqueue() {
    wp_enqueue_script( \'my-jquery\', \'/wordpress/wp-content/themes/MyTheme/js/jquery-1.9.0.js\', array( \'jquery\' ) );
}
然后,我在PHP文件中包含了一个JS文件,如下所示:

<script type="text/javascript" src="<?php bloginfo(\'template_directory\'); ?>/js/dw_scroll_c.js"></script>
在该JS文件中,我只是显示如下警报:

jQuery( document ).ready( function( $ ) {
    alert(\'hi\');
});
但它不起作用。

2 个回复
SO网友:Vikram

wp_enqueue_script( \'my-jquery\', get_stylesheet_directory_uri() .\'/js/jquery-1.9.0.js\', array( \'jquery\' ) );
检查jquery错误,还可以使用源代码检查文件是否正在加载。在包含js文件之前,必须先包含jquery库。

SO网友:Rajeev Vyas

不要在php文件中包含js文件,而是使用挂钩。下面的代码将适用于您。请参见的依赖项参数wp_enqueue_script 作用dw sroll文件依赖于jQuery。

add_action( \'wp_enquque_scripts\', \'my_script_enqueue\' );

function my_script_enqueue(){
wp_enqueue_script(\'dw_scroll_c\',\'/js/dw_scroll_c.js\',array( \'jquery\' ));
}

结束