javascript - Jquery 脚本无法在更改时更改 CSS

Question

我添加了一些自定义元素以包含在我的 WooCommerce 帐户页面中，以便与订单历史记录一起查看。不幸的是，该页面设置了选项卡，仅显示与事件选项卡相关的信息。

我对jquery不是很熟悉，但是我觉得用jquery来隐藏我添加的div在订单历史显示为none时会很简单。

我将以下脚本添加到主题的 main.js 文件中:

$(document).ready(function(){ 
    var display = $('.my_account_orders');
    if(display.css("display") == "none") {
        $('.paging-nav').css("display","none");
    }
});

当类 .my_account_orders 显示无时，它应该更改我添加的 div (.paging-nav) 以显示无。但它就是行不通。

这个脚本有问题还是我需要做一些特殊的事情来启动它？因为它在我主题的 main.js 文件中并且我使用了 $(document).ready(function() 我认为它只会随页面一起加载。

如有任何帮助，我们将不胜感激。

Answer 1

而不是使用:

var display = $('.my_account_orders');

像这样在 if 语句中实现它:

if($('.my_account_orders').css("display") == "none") {

因为最初它试图找到一个名为 $display 的变量，所以它会返回未定义的语法错误。