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

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

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

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

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

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