Имеем стандартное bootstrap модальное окно, которое перетаскивает в себя содержимое со страницы.
Все работает, но есть один момент. При закрытии модального окна, по срабатыванию события hidden.bs.modal должен очищать содержимое.
Этого не происходит.
Листинг:
Модальное окно
Помогите пожалуйста в решении проблемы, уже целый день убил)
Все работает, но есть один момент. При закрытии модального окна, по срабатыванию события hidden.bs.modal должен очищать содержимое.
Этого не происходит.
Листинг:
Код |
---|
<sc ript type="text/javascript" > function foo(){ $(document).ready(function(){ //отчистить, когда модальное окно будет полностью скрыто от пользователя $("#myModal").on('hidden.bs.modal', function(){ $('#h2ofmodal,#linkToLanding,#imagein,#textin,#big').remove() }); }); } </sc ript> |
Модальное окно
Код |
---|
<!-- HTML-код модального окна --> <div id="myModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <!-- Заголовок модального окна --> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true" oncl ick="foo()" >X</button> </div> <!-- Основное содержимое модального окна --> <div class="modal-body"> <sc ript type="text/javascript" > $(document).ready(function(){ $('img.itemimage').click(function() { $('#contmain').trigger('click'); $('div.modal-body').append('<img id="imagein" />') $('#imagein').attr('src',$(this).attr('src') ) $('#imagein').attr('style',"width: 100% ; height: 400px" ) $('div.modal-body').append('<p id="textin" />') $('div.modal-body').append('</p>') $('#textin').text($(this).attr('data')) $('div.modal-header').append('<h4 class="modal-title" id="h2ofmodal">') $('div.modal-header').append('</h4>') $('#h2ofmodal').text($(this).attr('zagolovok')) $('div.modal-body').append('<big id="big">For more information: </big><a id="linkToLanding">Link') $('div.modal-body').append('</a>') $('#linkToLanding').attr('href',$(this).attr('linkToLanding') ) }); }); </sc ript> </div> <!-- Футер модального окна --> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal" oncl ick="foo()">Closed</button> </div> </div> </div> </div> |
Помогите пожалуйста в решении проблемы, уже целый день убил)