AsyncBox(異步盒子)是一款基于 jQuery 的彈窗插件。能夠?qū)崿F(xiàn)網(wǎng)站的整體風(fēng)格效果,給用戶一個(gè)新的視覺(jué)享受。主要模擬常用的 alert、confirm、prompt、open 和擴(kuò)展了一些對(duì)話框。它通過(guò)回調(diào)函數(shù)觸發(fā)事件動(dòng)作并執(zhí)行,使操作區(qū)域更加明了、統(tǒng)一。而且能夠在主流瀏覽器中靈活運(yùn)用。
介紹及下載地址 http://www.nnhuashi.com/asyncbox/index.html
實(shí)例:
$('#select-furns').click(function() {
asyncbox.open({
id: 'select-form',
title: $(this).val(),
url: 'index.php',
width: 700,
height: 400,
tipsbar: {
title: '操作提示',
content: '請(qǐng)先通過(guò)下方 <strong>篩選操作</strong>,篩選出你需要的家具。'
},
data: {
module: 'House_Furniture',
load: 'AjaxFurniture',
col_key: '<?php echo $_GET['col_key']; ?>',
lang: '<?php echo getLanguage(); ?>'
}
});
});
注意:如果通過(guò)a標(biāo)簽點(diǎn)擊彈出,如果a標(biāo)簽的href為javascript:;或javascript:void(0);在ie6下可能會(huì)產(chǎn)生阻斷,導(dǎo)致頁(yè)面無(wú)法打開(kāi)
解決的方法是用href=#或者不用a標(biāo)簽
為了防止瀏覽器跳到頂部,可以加上onclick="return false;" ,或者可以用href=#click這樣的形式,這樣點(diǎn)擊的話如果有id=click的元素瀏覽器會(huì)定位到那里,如果沒(méi)有,則原地不動(dòng)