1、加上DIV彈出框
網(wǎng)站建設(shè)公司,為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計及定制網(wǎng)站建設(shè)服務(wù),專注于成都企業(yè)網(wǎng)站建設(shè),高端網(wǎng)頁制作,對木包裝箱等多個行業(yè)擁有豐富的網(wǎng)站建設(shè)經(jīng)驗的網(wǎng)站建設(shè)公司。專業(yè)網(wǎng)站設(shè)計,網(wǎng)站優(yōu)化推廣哪家好,專業(yè)seo優(yōu)化優(yōu)化,H5建站,響應(yīng)式網(wǎng)站。
function AddRunningDiv() {
$("div class=\"datagrid-mask\"/div").css({ display: "block", width: "100%", height: $(document).height() }).appendTo("body");
$("div class=\"datagrid-mask-msg\"/div").html("正在處理,請稍候...").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(document).height() - 45) / 2 });
}
2、取消所彈出的DIV
function MoveRunningDiv() {
$("div[class='datagrid-mask']").remove();
$("div[class='datagrid-mask-msg']").remove();
}
搜索一下
dialog插件。
$("#select_user").click(function
()
{
//綁定事件并執(zhí)行
$.dialog.open({
id:
'd',
title:
'選擇參會人員',
content:
'iframe
id="users"
name="users"
src="${baseURL}/user"
width="100%"
height="100%"
frameborder="0"瀏覽器不支持嵌入式框架。/iframe',//彈出窗口的連接
width:
'800px',
height:
'300px',
ok:
'確定',
cancel:
'取消',
lock:
false,
callback:
dlg_back//回調(diào)函數(shù)
});
});
function
dlg_back(){
alert(回調(diào)成功)
}
有很多方法實現(xiàn)的,比如使用alert這種比較丑的彈框,比如
btn.click(function(){
window.alert('內(nèi)容')
});
或者是自己自定義的彈框,那這樣的話你至少得套三個div,比如
div-----這個絕對定位到整個頁面,如position:absolute;top:0;left:0;right:0;bottom:0;
div-----這個在父級元素上面做絕對定位,也就是彈框的位置
div/div----彈框內(nèi)容
/div
/div
或者是jQuery UI本身所附帶的對話框功能,那個百度就出來了,不過不建議用那個,感覺比較丑,還是自己寫一個好看
當然你也可以試著引入其他的UI框架,比如boot都有對話框的功能,不過建議自己寫,用jQuery寫也比較簡單
本文名稱:jquery彈出框,jq彈出對話框
網(wǎng)頁路徑:http://m.newbst.com/article2/dssigic.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計、網(wǎng)站收錄、網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計公司、企業(yè)網(wǎng)站制作、做網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)