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