将jquery添加到html5blank Wordpress

时间:2014-06-02 10:40:12

标签: wordpress wordpress-theming

如何通过toddmotto将jQuery实际添加到html5blank wordpress主题? 我对wordpress很陌生,所以我不确定它是如何工作的。

对于普通的html,我只是将jquery的脚本标记和另一个脚本标记与$(document).ready ..链接起来。 。 。 。并启动jquery代码。

如果有使用html5blank主题经验的人能够提供一些亮点,真的很喜欢。

非常感谢!

2 个答案:

答案 0 :(得分:2)

WordPress建议从WordPress本身添加jquery。所以你可以使用以下方式添加jquery。

将代码添加到当前主题functions.php文件中。

function func_add_my_jquery() {
   wp_enqueue_script( 'jquery' );
}
add_action( 'wp_enqueue_scripts', 'func_add_my_jquery' );

答案 1 :(得分:1)

我使用wp_enqeue_scriptfunctions.php加载我的所有脚本。这样可以避免重复加载。

如果您只想加载Query,可以通过以下方式执行此操作:

function load_my_scripts() {
    wp_enqueue_script( 'jquery' );
}

add_action( 'wp_enqueue_scripts', 'load_my_scripts' );

这将加载WP之后的jQuery。您可以看到其他default scripts you can load here

如果要加载其他JS脚本,则必须使用:

function theme_name_scripts() {
    wp_register_script( 'my-script', get_stylesheet_directory_uri() . '/js/my-script.js', array('jquery') );
    wp_enqueue_script( 'my-script' );
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

array('jquery')用于依赖项,在这种情况下意味着必须先加载jQuery才能加载此脚本。

如果要注册更新版本的jQuery,首先必须取消注册加载的jQuery:

 wp_deregister_script( 'jquery' );