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

TheChroniQ спросил: 28 апреля 2018 в 09:46 в: jquery

В настоящее время я разрабатываю приложение 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 ответа

Есть решение
GameTag ответил: 28 апреля 2018 в 10:06

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

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

Надеюсь, он вам поможет:)

EDIT: Я думаю, что этот класс d-block установлен display: block !important, поэтому используйте мой третий метод и следующим образом: main.css : #table_beam.table-hide {display: none !important}

TheChroniQ ответил: 28 апреля 2018 в 10:07
Эти 3 метода также не работают.
TheChroniQ ответил: 28 апреля 2018 в 10:18
Да, с! Важно это переопределить d-block css, отлично работает благодаря большому количеству.
patilprashant6792 ответил: 28 апреля 2018 в 11:57
Серьезно bro ?? :) :)
patilprashant6792 ответил: 28 апреля 2018 в 10:07

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

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

TheChroniQ ответил: 28 апреля 2018 в 10:11
Спасибо брат! Ценить это.
patilprashant6792 ответил: 28 апреля 2018 в 10:13
Пожалуйста, отметьте как ответ, если это поможет