我这里有我的代码,它在正文末尾插入预定义的模态标记:
var languageModal =
'<div id="lngModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="lngModalLabel" aria-hidden="true">'+
' <div class="modal-body"></div>'+
' <div class="modal-footer">'+
' <form class="inline" id="lngModalForm">'+
' <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">'+
' <span lang="hu"'+((langAfterInit == 'hu') ? '' : ' style="display:none;"')+'>Bezárás</span>'+
' <span lang="en"'+((langAfterInit != 'hu') ? ' style="display:none;"' : '')+'>Close</span>'+
' </button>'+
' </form>'+
' </div>'+
'</div>';
$('body').append(languageModal);
但是,当我对其调用 .modal()
时,它不会加载,只会出现黑色覆盖层:
$('#lngModal').modal({
backdrop : 'static',
keyboard : false,
remote : '/language.html',
});
我尝试使用 .on('modal',{...})
,但没有成功。
最佳答案
试试这个:
$('body').append(languageModal,function(){
console.log('modal appended');
$('#lngModal').modal({
backdrop : 'static',
keyboard : false,
remote : '/language.html',
});
console.log('modal init');
});
代替
$('body').append(languageModal);
$('#lngModal').modal({
backdrop : 'static',
keyboard : false,
remote : '/language.html',
});
关于javascript - 在动态加载的内容上使用 bootstrap .modal(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14112311/