試圖刷新/顯示一個模式內的開始div

所以這裏是我卡在（吸吮jQuery）的地方。在一個模式窗口（Bootstrap）中，我有一個按鈕，點擊後會淡出，然後顯示一個隱藏的div。現在，當您關閉該模式窗口時，我希望顯示該按鈕。但是，目前我被卡在總是顯示的文本中，直到我刷新頁面。只是不知道如何顯示按鈕。試圖刷新/顯示一個模式內的開始div

HTML

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

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

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

來源

2014-01-22 jfrosty

要了解，你想的.btn姿態展現出來，只要你關閉模式窗口？模態內的按鈕？你可以顯示一些你的標記嗎？ –

是的，該按鈕位於模態機身內部。所以，只要你點擊按鈕「.profile」就會顯示。當你關閉模式並重新打開它時，「.btn-profile」會顯示。 – jfrosty

您需要更改按鈕的屬性時，顯示的模態窗口。爲此，您應該使用從自舉觸發

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

請參閱事件部分事件：http://getbootstrap.com/javascript/#modals-usage

來源

2014-01-22 19:28:41

太棒了！這就是我正在尋找的。感謝你指點我正確的方向。謝謝！ – jfrosty

很高興幫助！ –

試圖刷新/顯示一個模式內的開始div

回答

相關問題