在WordPress中加载jquery内联脚本而不依赖

时间:2016-06-03 08:20:17

标签: javascript php jquery wordpress

我对整个wordpress场景都很陌生,所以我真的不知道什么是可能的,有什么不可用的。

我正在尝试从一个名为illdy的预构建主题中构建一个自定义主题。我想在页脚中加载一个jquery脚本,通过切换类来更改滚动菜单样式。但脚本不会加载。我已经使用了wp_enqueu_script和google ajax库的链接,并将我的脚本放在我的functions.php函数中,以将其包含在页脚中。

我不知道这是否可能,任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

你有没有这样做过?

Usage

wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );

如果脚本尚未包含并且所有依赖项都已注册,则根据脚本依赖性在适当的时间将脚本文件链接到生成的页面。您可以将脚本链接到先前使用wp_register_script()函数注册的句柄,也可以为此函数提供链接脚本所需的所有参数。

This is the recommended method of linking JavaScript to a WordPress generated page.

请注意:

如果要在站点的前端调用该函数,则应使用wp_enqueue_scripts操作挂钩调用该函数,如上例所示。要在管理屏幕上调用它,请使用admin_enqueue_scripts操作挂钩。对于登录屏幕,请使用login_enqueue_scripts操作挂钩。在操作挂钩之外调用它可能会导致问题,请参阅#11526的详细信息。

function themeslug_enqueue_style() {
    wp_enqueue_style( 'core', 'style.css', false ); 
}

function themeslug_enqueue_script() {
    wp_enqueue_script( 'my-js', 'filename.js', false );
}

add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_style' );
add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_script' );

要使主题与子主题兼容,您可以使用函数来确定核心样式表的正确路径(不使用CSS中的@import):

function themeslug_enqueue_style() {
    if ( is_child_theme() ) {
        // load parent stylesheet first if this is a child theme
    wp_enqueue_style( 'parent-stylesheet', trailingslashit( get_template_directory_uri() ) . 'style.css', false );
    }
    // load active theme stylesheet in both cases
    wp_enqueue_style( 'theme-stylesheet', get_stylesheet_uri(), false );
}

add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_style' );

自:

https://developer.wordpress.org/reference/functions/wp_enqueue_script/

https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts