Question

我目前正在使用Ajax，JQuery开发一个php应用程序。我在使用JQuery显示我的内容时遇到了问题。

constexpr int *ptr = &x - 10;

我可以使用

隐藏我的表格

<div class="table-responsive">
    <table class="table table-hover table-dark" id="table_beam"></table>
</div>

或者我可以使用

隐藏整个div

$('#table_beam').hide();

但是，一旦我将几个类添加到我的表中，如下所示：

$('.table-responsive').hide();

我不能再使用

的id元素隐藏了

<div class="table-responsive top tg">
    <table class="table table-responsive w-100 d-block d-md-table table-hover table-dark" id="table_beam"></table>
</div>

Answer 1

嘿，有几个提示可能对你有帮助，

<强> 1。 hide()

也许你应该把duration hide()的第一个参数默认为400，所以试试这个：

$('#table_beam').hide(0);

<强> 2。直接设置ce CSS

您可以直接设置CSS样式：$('#table_beam').css('display', 'none');

第3。 CSS类

我最喜欢的方法，因为如果你不必在hide()之后根据我调用回调，那么更有意义的是设置班级

main.css : .table-hide {display: none}

你可以这样设置：$('#table_beam').addClass(table-hide);并删除如下：$('#table_beam').removeClass(table-hide);

希望它会帮助你:)。

编辑：我认为此课程d-block设置了display: block !important，因此请使用我的第三种方法，并使用以下方法：main.css : #table_beam.table-hide {display: none !important}

Answer 2

班级.d-block有css display:block!important这不允许.hide（）覆盖显示。请删除此课程并找到一些替代方案。

希望有所帮助

将类添加到元素后，JQuery隐藏不起作用

2 个答案: