最近做項目需用到一個彈出層加載iframe頁面的東西,首先想到layer插件,此插件用到過多次,兼容性很好,功能也強大,廢話不多說上代碼。
其實功能很簡單,就是在目標頁面選擇一個值,回掉回來,說明一下主要的代碼。
$("#ChoiceBank").click(function () { var width = $("#content").css("Width"); layer.open({ type: 2, title: '開戶銀行選擇', area: [width, '380px'], content: ['/Bank.aspx', 'no'], btn: ['確定', '取消'], yes: function (index, layero) { var body = layer.getChildFrame('body', index); //此處我理解的是加載目標頁面的內容 $("#當前頁面需要設置的元素").val(body.find('#h_bankName').val()); //查到目標頁面的內容賦給當前頁面元素 layer.close(index);//這塊是點擊確定關閉這個彈出層 } }); });
此彈出窗口觸發條件有多個分別為
success - 層彈出后的成功回調方法
yes - 確定按鈕回調方法
cancel - 取消和關閉按鈕觸發的回調
end - 層銷毀后觸發的回調
需要說的就這么多不清楚的,可留言,或者去官方論壇發帖。