Как показать div при загрузке при нажатии кнопки? - PullRequest
0 голосов
/ 19 мая 2019

У меня есть следующий div и я хочу показать это при нажатии кнопки.

Я использую этот код jquery для события нажатия кнопки.

$ ('. Container collapse'). RemoveClass('.container collapse'). addClass ('container');

Почему теперь не отображается div, поскольку я изменил класс?

<div class="container collapse">
    <div class="row form-group">


        <div class="col-md-6">
            <div class="col-md-12" style="height:300px;">
                <canvas id="graph1"></canvas>
            </div>
        </div>
        <div class="col-md-6">
            <div class="col-md-12" style="height:300px;">
                <canvas id="graph2"></canvas>
            </div>
        </div>

    </div>

    <div class="row form-group">


        <div class="col-md-6">
            <div class="col-md-12" style="height:300px;">
                <canvas id="graph3"></canvas>
            </div>
        </div>
        <div class="col-md-6">
            <div class="col-md-12" style="height:300px;">
                <canvas id="graph4"></canvas>
            </div>
        </div>

    </div>
</div>

Выдает ошибку 'UncaughtОшибка типа: $ (...). RemoveClass не является функцией '.

1 Ответ

1 голос
/ 19 мая 2019

Вы должны объединить теги с точками, если они являются классами стилей для одного и того же элемента.

$('.container.collapse').removeClass('collapse');

В противном случае, если вы используете $('.container collapse'), jquery попытается найти дочерний элемент внутри .container типа collapse.

Вам также не нужно ставить точки внутри вызовов removeClass и addClass. Поскольку вы удаляете и переназначаете контейнерный класс, вы можете просто оставить его там и удалить только коллапс-класс.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...