Попытка обновить / показать начало div внутри модального

Question

Попытка обновить / показать начало div внутри модального

0

Итак, здесь, где я застрял (сосать в jQuery). Внутри модального окна (Bootstrap) у меня есть кнопка, которая при нажатии будет исчезать, а затем отображать скрытый div. Теперь, когда вы закрываете это модальное окно, я хочу, чтобы кнопка отображалась. Однако в настоящее время я застрял в тексте, который всегда отображается, пока я не обновляю страницу. Просто не уверен, как показать кнопку.

HTML

<div class="modal-body">
    <button class="btn-profile" type="button">Show Profile</button>
    <div class="profile">
        Your Profile
    </div>
</div>

JS

$('.profile').hide();

$('.btn-profile').on('click', function(e) {
    e.preventDefault();
    $('.profile').fadeIn('fast');
    $('.btn-profile').hide();
});

alyus 22 янв. 2014, в 20:10

Источник

0

Чтобы понять, хотите ли вы, чтобы профиль .btn отображался при закрытии модального окна? Кнопка внутри модала? Можете ли вы показать некоторые из вашей разметки?
DJ. 22 янв. 2014, в 19:10
0

Да, кнопка находится внутри модального тела. Таким образом, всякий раз, когда вы нажимаете кнопку «.profile» будет отображаться. А когда вы закроете модальное окно и снова откроете его, появится «.btn-profile».
alyus 22 янв. 2014, в 19:18

Теги:

jquery

1 ответ

Ещё вопросы

Чтобы понять, хотите ли вы, чтобы профиль .btn отображался при закрытии модального окна? Кнопка внутри модала? Можете ли вы показать некоторые из вашей разметки?
Да, кнопка находится внутри модального тела. Таким образом, всякий раз, когда вы нажимаете кнопку «.profile» будет отображаться. А когда вы закроете модальное окно и снова откроете его, появится «.btn-profile».

DJ. · Accepted Answer · 2014-01-22T17-03-00.000Z

При отображении модальных окон вам необходимо изменить свойства кнопки. Для этого вы должны использовать событие, которое запускается из Boostrap

$('#yourModal').on('shown.bs.modal', function () {
   $('.profile').hide();
   $('.btn-profile').show();
});

См. Раздел "Событие": http://getbootstrap.com/javascript/#modals-usage

Потрясающие! Это было то, что я искал. Я ценю то, что ты указываешь мне в правильном направлении. Спасибо!