Имеем стандартное bootstrap модальное окно, которое перетаскивает в себя содержимое со страницы.
Все работает, но есть один момент. При закрытии модального окна, по срабатыванию события hidden.bs.modal должен очищать содержимое.
Этого не происходит.
Листинг:[CODE] <sc ript type="text/javascript" >
function foo(){
$(document).ready(function(){
//отчистить, когда модальное окно будет полностью скрыто от пользователя
$("#myModal").on('hidden.bs.modal', function(){
$('#h2ofmodal,#linkToLanding,#imagein,#textin,#big').remove()
});
});
}
</sc ript>
[/CODE]
Модальное окно[CODE]<!-- 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>
[/CODE]
Помогите пожалуйста в решении проблемы, уже целый день убил)
Все работает, но есть один момент. При закрытии модального окна, по срабатыванию события hidden.bs.modal должен очищать содержимое.
Этого не происходит.
Листинг:[CODE] <sc ript type="text/javascript" >
function foo(){
$(document).ready(function(){
//отчистить, когда модальное окно будет полностью скрыто от пользователя
$("#myModal").on('hidden.bs.modal', function(){
$('#h2ofmodal,#linkToLanding,#imagein,#textin,#big').remove()
});
});
}
</sc ript>
[/CODE]
Модальное окно[CODE]<!-- 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>
[/CODE]
Помогите пожалуйста в решении проблемы, уже целый день убил)