尝试在模态中刷新/显示开始div

时间:2014-01-22 19:03:43

标签: jquery

所以这就是我坚持的地方(吮吸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();
});

1 个答案:

答案 0 :(得分:0)

显示模态窗口时需要更改按钮属性。为此,您应该使用从Boostrap

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

请参阅以下内容的事件部分:http://getbootstrap.com/javascript/#modals-usage