如何隱藏引導程序中模態對話框上的元素/標記？

Question

我有一個在bootstrap中使用模態對話框的問題。 我有一個按鈕，當我點擊這個按鈕，然後我想要一個模式對話框上的標籤隱藏（ 例如：div class =「radio published」隱藏）。我使用jquery，但它不運行。請幫幫我。非常感謝！

我不明白爲什麼我的CSS沒有效果模態對話框。

$("#change-status-modal .modal-body div.published").hide(); 

代碼按鈕：

<a href="#" data-toggle="modal" data-target="#change-status-modal" class="btn btn-default change-status">Change Status </a> 

代碼模式對話框：

<div id="change-status-modal" class="modal" tabindex="-1" role="dialog" aria-hidden="true"> 
    <div id="change-status-dialog" class="modal-dialog"> 
    <div th:fragment="change-status-form" class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h4 class="modal-title">Change Status</h4> 
     </div> 
     <div class="modal-body"> 
     <p>Select a new status that you want to change.</p> 
     <div class="radio published "> 
      <input type="radio" name="status" value="PUBLISHED" /> Published 
     </div> 
     <div class="radio draft "> 
      <input type="radio" name="status" value="DRAFT" checked="checked" /> Draft 
     </div> 
     <div class="radio scheduled"> 
      <input type="radio" name="status" value="SCHEDULED" /> Scheduled 
     </div> 
     </div> 
     <div class="modal-footer"> 
     <button class="btn btn-default" data-dismiss="modal" th:text="#{Cancel}">Cancel</button> 
     <button class="btn btn-primary" th:attr="data-action=@{__${ADMIN_PATH}__/articles/change-status}" >Change</button> 
     </div> 
    </div> 
    </div> 
</div> 

Answer 1

首先得到它容易給部分，這應該是一些隱藏的ID。然後您可以輕鬆訪問它們並添加css屬性：

<a id="buttonHide" href="#" data-toggle="modal" data-target="#change-status-modal" class="btn btn-default change-status">Change Status </a> 

$("#buttonHide").click(function(){$("#myParagraphToHide").css({"display": none})});