javascript - 如何将 jquery 库和 js 文件加载到 WordPress 主题中?

标签 javascript jquery html wordpress wordpress-theming

过去一天我一直在尝试将 jquery 库和 js 文件加载到我的 WordPress 主题中,但不知道如何执行此操作,而且我看到的所有说明都不同且不起作用。

目前:

函数.php

<?php

function wpb_custom_new_menu() {
    register_nav_menu('my-custom-menu',__( 'My Custom Menu' ));
}

add_action( 'init', 'wpb_custom_new_menu' );

function enqueue_stylesheets() {
    wp_enqueue_style('style', get_stylesheet_directory_uri() . '/style.css');
}

function enqeue_scripts() {
    wp_enqueue_script('homeSlider', get_stylesheet_directory_uri() . '/js/homeSlider.js', array('jquery'));
}

add_action('wp_enqueue_scripts', 'enqueue_stylesheets');

标题.php

<head> 

    <meta charset="utf-8"> 

    <meta name="viewport" content="width=device-width, initial-scale=1">  

    <title><?php echo get_bloginfo( 'name' ); ?></title>

    <meta name="description" content="<?php get_bloginfo( 'description' ); ?>">

   <?php wp_head(); ?>

</head> 

最佳答案

不强制通过functions.php文件添加css和js文件,可以直接在header.php中添加css和js文件

就像这样:

<head> 

    <meta charset="utf-8"> 

    <meta name="viewport" content="width=device-width, initial-scale=1">  

    <title><?php echo get_bloginfo( 'name' ); ?></title>

    <meta name="description" content="<?php get_bloginfo( 'description' ); ?>">

    //Include CSS files
    <link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/css/style.css">

    //Including JS files
    <script type="text/javascript" src="<?php echo esc_url( get_template_directory_uri() ); ?>/js/homeSlider.js"></script>

   <?php wp_head(); ?>

</head>

希望这对您有帮助。

关于javascript - 如何将 jquery 库和 js 文件加载到 WordPress 主题中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42092236/

相关文章:

javascript - 无法弄清楚如何在 twgl 中进行纹理工作

javascript - 使用省略号 chop 文本也会 chop 工具提示

javascript - 一种版本的两种格式的 javascript 是否等效?

javascript - 滚动上的视差元素

javascript - 从类中绑定(bind)函数时保存 "this"

javascript - 如何使用 ASP.NET MVC 通过 Ajax 将选中的行发送到服务器?

html - 如何相对于高度不同的顶部元素移动元素

javascript - 当表单操作重定向到 404 页面时动态注入(inject) PHP

javascript - Jquery 切换仅在元素开始可见时才起作用

纯文本上的 Javascript 货币掩码