动态构建Twitter Bootstrap模式

更新：

由于张贴这，我找到了一个优雅的引导模式3包装函数在这里，不需要添加一个div的HTML代码。

这是一个演示此情况的代码示例。要使用它，只需在中添加一个div（例如，在引导程序的内部）：

<div id="idMyModal"></div>

然后您可以通过以下方式使用它：

var header = "This is my dynamic header";var content = "This is my dynamic content";var strSubmitFunc = "applyButtonFunc()";var btnText = "Just do it!";doModal('idMyModal', header, content, strSubmitFunc, btnText);

要关闭模式，请发出对hideModal的调用，该调用也定义如下：

function doModal(placementId, heading, formContent, strSubmitFunc, btnText){    var html =  '<div id="modalWindow"  >';    html += '<div >';    html += '<a  data-dismiss="modal">×</a>';    html += '<h4>'+heading+'</h4>'    html += '</div>';    html += '<div >';    html += '<p>';    html += formContent;    html += '</div>';    html += '<div >';    if (btnText!='') {        html += '<span ';        html += ' onClick="'+strSubmitFunc+'">'+btnText;        html += '</span>';    }    html += '<span  data-dismiss="modal">';    html += 'Close';    html += '</span>'; // close button    html += '</div>';  // footer    html += '</div>';  // modalWindow    $("#"+placementId).html(html);    $("#modalWindow").modal();}function hideModal(){    // Using a very general selector - this is because $('#modalDiv').hide    // will remove the modal window but not the mask    $('.modal.in').modal('hide');}