在Wordpress-Plugin中包含jQuery

时间:2015-02-02 21:43:44

标签: javascript php jquery wordpress wordpress-plugin

我在Wordpress-Plugin中使用jQuery / ajax。当我以这种方式链接jQuery时,它甚至可以工作

add_action('wp_head', 'hook_files');


function hook_files()
{
    $output = "
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'></script>
<script src='//code.jquery.com/ui/1.11.2/jquery-ui.js'></script>
<link rel='stylesheet' href='//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css'> ";

    echo $output;    
}

但我知道这不是正确的做法。所以I looked up the documentation并实施了这个:

function enqueue_my_scripts()
{
    wp_enqueue_script( 'jquery' );
    wp_enqueue_script( 'jquery-ui-core' );
}
add_action('wp_enqueue_scripts', 'enqueue_my_scripts');

但是它不再起作用......有什么不对吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

我建议使用enqueue来加载脚本,尤其是jquery,所以你可以像这样解雇它:[推荐解决方案]

wp_enqueue_script('jquery');

或更有效的方法:

function my_scripts() {
wp_enqueue_script( 'jquery' );
wp_register_style( 'prefix-style', plugins_url('mystyle.css', __FILE__) );
wp_enqueue_style( 'prefix-style' );
}
add_action('wp_enqueue_scripts','my_scripts');

除非您想使用cdn或google repo进行jquery,否则我建议您执行以下操作:

wp_enqueue_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js', array('jquery'));