Question

好吧，我可能是一个绝对的白痴，但我似乎无法解决这个问题......在我的functions.php文件中，我有这个功能，它将我的样式表和脚本文件排入队列：

    function load_style_sheets() {
        wp_enqueue_script( 'jquery');
        wp_enqueue_style( 'bootstrap-css', get_template_directory_uri() . '/includes/css/bootstrap.min.css', '', '','all' );
        wp_enqueue_style( 'style', get_stylesheet_uri() );
        wp_enqueue_script( 'bootstrap-js', get_template_directory_uri() . '/includes/js/bootstrap.min.js', '', array( 'jquery' ), true );
        wp_enqueue_script( 'custom-js', get_template_directory_uri() . '/includes/js/custom.js', '', array( 'jquery' ), true );
    }
    add_action('wp_enqueue_scripts', 'load_style_sheets');

我故意将我的脚本的最后一个值设置为'true'，因为我需要在主体内容之后加载我的脚本，但是它们似乎没有加载。基本上我想要发生的是每次我用“装饰”类声明一个div，我的JS文件运行这个：

// add divider line ornaments
    function addLineOrnaments() {
        $(".ornament").append('<img src="img/divider-glyph.png" alt="" />');
    }
    addLineOrnaments();

在静态HTML网站上测试时我没有问题，所以我猜测我在WordPress中做错了。

Answer 1

我注意到Wordpress在'安全'模式下加载jQuery，你不能使用$作为速记。尝试使用

        jQuery(".ornament").append('<img src="img/divider-glyph.png" alt="" />');

代替

Javascript文件未在Wordpress中加载

1 个答案: