1

$我正在使用二十三主题的子主题构建一个 wordpress (v. 3.6) 站点。我的主题的 header.php 有

<body <?php body_class(); ?> onResize="resizeHandler();">

这是主题的 .js 文件 myChildTheme.js：

var myStuff;
function resizeHandler() {
    myStuff = jQuery(".stuff");
    console.log("resized, and here's stuff: "+ myStuff);
}

为了使用 $ 而不是“jQuery”，我尝试了在网上找到的解决方案。新的 myChildTheme.js：

jQuery(document).ready(function($) {
    var myStuff;
    function resizeHandler() {
        myStuff = $(".stuff");
        console.log("resized, and here's stuff: "+ myStuff);
    }
});

但后来我得到一个控制台参考错误，说 resizeHandler 没有定义。

我已经以我认为正确的方式排队并注册了主题的脚本和样式。

函数.php：

function myChildTheme_scripts_styles() {
    wp_enqueue_style( 'myChildTheme-fonts', myChildTheme_fonts_url(), array(), null );
}
add_action( 'wp_enqueue_scripts', 'myChildTheme_scripts_styles' );

function myChildTheme_scripts() {
    wp_enqueue_script('myChildTheme_functions', get_stylesheet_directory_uri().'/js/myChildTheme.js', array('jquery'), '', true);
    wp_enqueue_script('isotope_source', get_stylesheet_directory_uri().'/js/jquery.isotope.min.js', array('jquery'), '', true);
}
add_action( 'wp_enqueue_scripts', 'myChildTheme_scripts' );

关于如何让 $ 工作的任何提示？谢谢。

4

1 回答 1

2

您需要resize通过 jQuery 本身附加事件。尝试这个：

<body <?php body_class(); ?>>

jQuery(document).ready(function($) {
    var myStuff;
    function resizeHandler() {
        myStuff = $(".stuff"); // note $ use here
        console.log("resized, and here's stuff: "+ myStuff);
    }

    $(window).resize(resizeHandler);
});

仅供参考，您的控制台将输出resized, and here's stuff: [Object object]- 这是正常的。

于 2013-10-31T13:02:15.407 回答