Question

我正在尝试将library添加到wordpress。所以我已经将所有CSS和JavaScript库添加到Wordpress中。现在我必须运行一些Java代码，这些代码将在调用以下函数时执行。

$(document).ready(function(){
        if (Modernizr.touch) {
            // show the close overlay button
            $(".close-overlay").removeClass("hidden");
            // handle the adding of hover class when clicked
            $(".img").click(function(e){
                if (!$(this).hasClass("hover")) {
                    $(this).addClass("hover");
                }
            });
            // handle the closing of the overlay
            $(".close-overlay").click(function(e){
                e.preventDefault();
                e.stopPropagation();
                if ($(this).closest(".img").hasClass("hover")) {
                    $(this).closest(".img").removeClass("hover");
                }
            });
        } else {
            // handle the mouseenter functionality
            $(".img").mouseenter(function(){
                $(this).addClass("hover");
            })
            // handle the mouseleave functionality
            .mouseleave(function(){
                $(this).removeClass("hover");
            });
        }
    });

如何将其添加到我的页面？

Answer 1

您应该将此代码添加到一个文件中，然后添加wp_enqueue_scripts。
function scripts_styles() {

使用wp_enqueue_script添加javascript。

wp_enqueue_script( 'script-id', get_template_directory_uri() . '/js/main.js', array( 'jquery' ));

使用wp_enqueue_style添加CSS。

wp_enqueue_style( 'all-theme', get_template_directory_uri() . '/css/style.css.css');
} add_action( 'wp_enqueue_scripts', 'scripts_styles' );

在哪里放置$（document）.ready（function（）{正确地在wordpress中？

1 个答案: