छुपाएं

Question

पर बूटस्ट्रैप मोडल कितना स्पष्ट है आप कैसे खारिज/छुपा/बंद पर बूटस्ट्रैप मोडल को साफ़ कर सकते हैं?

मैं निम्नलिखित मॉडल परिभाषा है:

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal"> 
    Add New Comment 
</button> 

आंशिक दृश्य जो मोडल

@Html.Partial("_CreateComment", Model) 


// Partial view which contains modal 

<div class="modal fade" id="myModal" tabindex="-1" role="dialog"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
     @using (Ajax.BeginForm("AddComment", "Blog", new AjaxOptions 
      { 
       HttpMethod = "POST", 
       InsertionMode = InsertionMode.Replace, 
       UpdateTargetId = "comments", 
       OnSuccess = "$('#myModal').modal('hide');" 

      })) 
     { 
     <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
        <span aria-hidden="true">&times;</span> 
       </button> 
       <h4 class="modal-title" id="myModalLabel">Add Comment</h4> 
     </div> 
     <div class="modal-body"> 
       @Html.ValidationSummary(true) 
       @Html.HiddenFor(model => model.Blog.BlogID) 

       <div class="form-group"> 
        @Html.LabelFor(model => model.BlogComment.Comment) 
        @Html.TextAreaFor(model => model.BlogComment.Comment, 4, 104, new { @class = "form-control" }) 
        @Html.ValidationMessageFor(model => model.BlogComment.Comment) 
       </div> 

     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-primary">Save changes</button> 
      <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> 
     </div> 
     } 
    </div> 
    </div> 
</div> 

शामिल और यह जावास्क्रिप्ट मैं करने के लिए उपयोग कर रहा हूँ सामग्री स्पष्ट करने के लिए है:

$(function() { 
    //clear modal cache, so that new content can be loaded 
    $('body').on('hidden.bs.modal', '.modal', function() { 
     $(this).removeData('bs.modal'); 

    }); 
}); 

यदि मैं होने के बाद मोडल को खारिज कर देता हूं कुछ सामग्री दर्ज की गई है या फॉर्म में सामग्री जमा करने पर स्पष्ट नहीं है?

Answer 1

इस सबसे आसान ठीक है:

$('#myModal').on('hidden.bs.modal', function() { 
    $(this).find("input,textarea,select").val('').end(); 

}); 

Answer 2

उपयोग val('') इनपुट प्रकार के आधार पर वर्तमान और का उपयोग #myModalbody के बजाय

$('#myModal').on('hidden.bs.modal', function() { 
     $('.modal-body').find('textarea,input').val(''); 
}); 

DEMO