如何隐藏引导程序中模态对话框上的元素/标记？

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})});