JQuery скрыть не работает после добавления класса к элементу - PullRequest
Новая
       8

JQuery скрыть не работает после добавления класса к элементу

0 голосов
/ 22 мая 2018

В настоящее время я разрабатываю php-приложение с использованием Ajax, JQuery.И у меня возникли проблемы с использованием JQuery для отображения моего контента. 

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

Я могу либо скрыть свою таблицу с помощью 

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

, либо я могу скрыть весь div с помощью 

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

Но как только я добавляю пару классов в свою таблицу следующим образом: 

<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>

Я больше не могу прятаться, используя элемент id с 

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

Ответы [ 2 ]

0 голосов
/ 22 мая 2018

Класс .d-block имеет css display:block!important, это не позволит .hide () переопределить отображение.Пожалуйста, удалите этот класс и найдите альтернативу.

Надеюсь, это поможет

0 голосов
/ 22 мая 2018

Эй, несколько советов, возможно, могут помочь вам,

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}

...