JQuery函数在控制台中工作,但不能实时工作

时间:2015-05-22 作者:user1683285

我试图在许多地方遍历DOM,替换一些内容。

jQuery(\'.homepage_buttons_text a[href^="http://danrobertsgroup.com/?attachment_id=1037"]\').each(function(){
    jQuery(this).html("<h1 class=\'homepage_button_title\'>Workouts</h1><span class=\'homepage_button_title\'>Books / DVD\'s / Downloads</span>");
});
在控制台中执行此操作时效果很好,但在脚本文件中执行此操作时效果不佳。

我正在运行一个儿童主题并正确排队,我认为:

function child_theme_enqueue_scripts() {
wp_enqueue_script(
    \'child-scripts\',
    get_stylesheet_directory_uri() . \'/js/child-scripts.js\',
     array( \'jquery\' ),
    \'1.0\',
    true
    );
}
add_action( \'wp_enqueue_scripts\', \'child_theme_enqueue_scripts\' );
一切都很好。我甚至调用了子脚本。js在页脚和最后一个位置,但仍然没有乐趣。

这很烦人,任何帮助都很感激。

1 个回复
SO网友:Arsh Singh

您在哪里使用我们看到的有问题的jQuery代码?如果您在header(head)中使用它,我建议您使用:

jQuery(document).ready(function(){
    jQuery(\'.homepage_buttons_text a[href^="http://danrobertsgroup.com/?attachment_id=1037"]\').each(function(){
        jQuery(this).html("<h1 class=\'homepage_button_title\'>Workouts</h1><span class=\'homepage_button_title\'>Books / DVD\'s / Downloads</span>");
    });
});
如果您使用的是页脚中的代码,仍然建议使用上述替换,并且对于每个add_action 挂钩您可以使用优先级参数:

function child_theme_enqueue_scripts() {
    wp_enqueue_script(
        \'child-scripts\',
        get_stylesheet_directory_uri() . \'/js/child-scripts.js\',
        array( \'jquery\' ),
        \'1.0\',
        true
    );
}
add_action( \'wp_enqueue_scripts\', \'child_theme_enqueue_scripts\', 30 );

结束

相关推荐

JQuery Cookie在WordPress中无法正常工作

我自己制作手风琴菜单html + jquery 它可以完美地工作到第四级,然后我从网络中添加了一个cookie代码,并做了一些额外的工作,它在html中也可以100%完美地工作。我完整的HTML+jQuery代码参考是在JS FIDLE中Accordion Menu with Cookie现在我非常小心地将它合并到我的wordpress菜单中,它显示出非常奇怪的行为。当我单击plus时,子菜单打开,我单击sub category时,页面将转到该类别,但菜单关闭,但当我再次打开子菜单并单击菜单或刷新页面时,