Javascript 对动态加载的内容使用bootstrap.modal（）

我这里有我的代码，它在主体的末尾插入预定义的模式标记：

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'，{…}），但没有成功。

我也尝试过一次，但仅当我想通过使用以下css增加到模态大小时：

var modal = $('#lngModal');
modal.css({
   width: '60%',
   left: '20%',
   margin: 'auto auto auto auto',
   top: '10%'
});

我通过在

模态体上设置
max height
来修复它：

var modalBody = modal.children('.modal-body');

modalBody.css({
   maxHeight: '800px'
});

您是否更改了模式css？
尝试以下操作：

    $('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',
            }); 

你的代码确实有效。你正在加载引导css吗


我无法在没有某些代码的情况下发布此邮件：

' Nothing, really

在得到了大量来自@Badabooooom和@ic3b3rg的帮助后，我不得不将
.modal（{…remote:'''''''，…}）替换为脚本标记中的
数据远程=“…”
标记，还必须从
\lngModal
中删除
.fade

var languageModal =  '<div id="lngModal" class="modal hide"  data-remote="/language.html">'+
//other stuff

$('#lngModal').modal('show',{
    backdrop: true,
    keyboard: false,
}); 

var languageModel=''+
//其他东西
$（'lngModal'）.modal（'show'{
背景：没错，
键盘：错，
}); 
是，
.modal*，.modal输入，.alert{font-family:'Helvetica-Neue'，Helvetica，Arial，sans-serif；}
，
.modal>h4{padding-bottom:7px}
，
模态体{padding-bottom 0}
我认为引导程序使用的重复Helvetica-Neue的原因itself@Badaboooooom我的网站使用不同的主字体，我自定义了。你确定加载了modal.js吗？另外，你是在尝试自动打开模态还是在btn点击时打开，或者诸如此类的东西？@badaboooom允许我共享js文件：现在我的站点无法通过附加脚本，它被卡住了，但我没有控制台错误。更新是实时的，所以你可以看到我改变了什么。。。这么奇怪，你能提醒你的模态html吗？它向你展示了模态？那么你能创建一个jsfiddle.net以便我能深入地帮助你吗？我将把我的网站上传到ftp并给你一个链接，等等。让我们忘记
remote:'/language.html'
，我猜这就是它工作的原因。我省略了它，因为找不到它。加入我们@data remote为什么解决这个问题，以及/language.html来自哪里
var languageModal =  '<div id="lngModal" class="modal hide"  data-remote="/language.html">'+
//other stuff

$('#lngModal').modal('show',{
    backdrop: true,
    keyboard: false,
});