使用jquery更改bootstrap彈出框的內(nèi)容，可以使用Jquery的load方法，動態(tài)加載不同的模態(tài)框彈出框內(nèi)容，然后填充到頁面的彈出框div中主頁面只保留彈出框最外面的那個divltdiv class=quotmodal fadequot id=quotmyModalquot ltdiv。

1首先我們在頁面放置一個用來觸發(fā)彈出層的鏈接，也可以是個按鈕button，注意的是我們給它設(shè)置一個datashowlayer屬性，這個屬性值對應(yīng)的就是彈出層的id，也就是說通過datashowlayer來關(guān)聯(lián)彈出層2很顯然，上面的鏈。

然后給這個a寫上一個class=“fancybox”，就可以直接jquery調(diào)用$quotfancyboxquotfancybox來初始化這個鏈接初始化之后的鏈接再點(diǎn)擊，就不會進(jìn)行網(wǎng)頁跳轉(zhuǎn)，而是彈出一層進(jìn)行加載，效果如圖，還可以設(shè)置彈出動畫遮罩層。

給你做 第一個，用的是css3和js實(shí)現(xiàn)的下面的3個都可以用js實(shí)現(xiàn)，如果要做的好看一點(diǎn)的話，可以用jquery或者其他的組件 lt！DOCTYPE htmllthtmlltheadltstyle move width100pxheight100pxbackgroundred。

可以用jDialog插件實(shí)現(xiàn)，jDialog是一款基于jquery實(shí)現(xiàn)的輕量級多種類型的自定義對話框插件在項(xiàng)目開發(fā)中一般會美化 alert參考如下ltcenter ltbutton id=quottest1quotalert方式調(diào)用ltbutton ltbrltbr ltbutton id=quot。

上一小節(jié)我們防住了script標(biāo)簽的左右尖括號，但聰明的黑客們還是想出了好辦法去破解，我們知道，直接給innerHTML賦值一段js，是無法被執(zhí)行的比如， $#39div#39innerHTML =#39ltSCRIPTalertquotokokquotltSCRIPT #39#39 但是，jQuery的append。