需要帮助在我的wordpress主题中添加一些JavaScript代码

Question

你好我这里有这个脚本，我需要把它放在我目前的wordpress主题中，但我对入队部分感到困惑。我知道我必须在我的主题库中保存hoverintent javascript，我还在我的主题库中保存javascript函数吗？对不起，如果我没有说清楚，请评论这是否令人困惑！

jsfiddle.net/ctLevz8L/59/

Answer 1

从你的小提琴中取出javascript并将其保存到wp-content/themes/mytheme/js/hoverintent.js。

然后，将以下内容添加到主题的functions.php文件中：

function enqueue_hoverintent {
    //Add the script and jquery-ui to the generated header.
    wp_enqueue_script(
        'my_hoverintent', 
         get_stylesheet_directory_uri() . '/js/hoverintent.js', 
         array('jquery-ui-core')
    );

    //Add the jqueryui css file from Google's CDN since it isn't included with WP
    wp_enqueue_style (
        'googlecdn_jqueryui_style',
         'https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css',
    );
}

add_action( 'wp_enqueue_scripts', 'enqueue_hoverintent' );