在 Wordpress 中将 jQuery 脚本放在队列的末尾

Question

当我意识到 Woocommerce 的 Flexslider 编辑其中一个 DIV 标签并给出 1600% 的宽度时，问题就开始了。我不想要这个属性。这就是为什么我准备了一个代码来修复它以及其他一些属性：

    jQuery(document).ready(function($){         
        $( '.slides' ).css("width", "");
        $( '.slides' ).css("margin-left", "");
        $( '.slides' ).css("margin-right", "126px");        
    });

我将此代码保存在主题的 js 目录中名为 final.js 的文件中。但我一直无法让它工作！ 我读了一篇关于入队（如果有这样的动词）脚本的文章，here。我试过了，似乎该脚本将包含在其他脚本的标题中。但是不管是在其他的顶部还是底部，都行不通！

我尝试将它放在页面底部，而不使用 enqueue 方法。 我能从我的努力中得到的只是将margin-right 添加到slides 类中。这还不够。哪个代码正在更改此类，在我的自定义脚本之后触发并且不会让它发生。

你有什么建议可以让这个东西发挥作用吗？ 如果你想看看这里是link to site（应该寻找：<div id="carousel" class="flexslider"><ul class="slides">）。

谢谢！

Answer 1

看起来你的滑块是在你的脚本之后加载的，根据 Flexslider 文档，你应该尝试在滑块加载时将代码放在回调上，如下所示：

$(window).load(function() {
    $('.flexslider').flexslider({
        start : function() {
            $( '.slides' ).css("width", "");
            $( '.slides' ).css("margin-left", "");
            $( '.slides' ).css("margin-right", "126px");   
        }
    });
}); 

Answer 2

这与 WooCommerce 没有任何关系。您的主题正在添加 Flexlider：Avada。

如果您使 flexslider 脚本成为 final.js 脚本的依赖项，则 final.js 将在 flexslider 之后加载。和/或如果您在稍后的挂钩上运行 wp_enqueue_scripts 函数，那么您也可能会在 flexslider 之后加载 final.js。

我不知道 Avada 中 flexslider 的“句柄”是什么，也不知道您的自定义脚本的确切路径，但举个例子：

function so_28782012_enqueue_scripts(){
    wp_enqueue_script( 'final', get_template_directory_uri() . '/js/final.js', array('flexslider'), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'so_28782012_enqueue_scripts', 99 );