Jbox是一款基于jQuery的彈窗插件。在jQuery1.9版本以上使用時,需要注意一些變化。下面具體介紹一下Jbox在jQuery1.9版本以上的使用方法。
首先,下載Jbox插件并在HTML文件中引入jQuery庫和Jbox插件:
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="jbox.js"></script>
接下來,使用Jbox彈窗:
<script> $(document).ready(function(){ $.jBox('Hello World!', {title:'Jbox提示', buttons:{'關(guān)閉':true}}); }); </script>
這段代碼創(chuàng)建了一個簡單的彈窗。請注意,options參數(shù)中buttons鍵的值必須為一個對象,而不能再使用數(shù)組。同時,在jQuery1.9版本以上,確認(rèn)按鈕(buttons鍵的值為true)會顯示為“確定”,而不是以前的“確定(Enter)”。
有一些功能沒有改變,如在options參數(shù)中設(shè)置width和height選項(xiàng),以定義彈窗的大小。其他的改變包括:
- 鍵盤事件現(xiàn)在使用jQuery 1.7+的.on()方法。
- .jBox里的IE6修補(bǔ)程序被刪除,因?yàn)閿?shù)據(jù)為html,而不是text。
- 刪除了對jQuery 1.5.x和以下版本的支持。
- 參數(shù)中autoclose和autoClose參數(shù)被糾正為autoclose。所有字符全部小寫。
總之,在jQuery1.9版本以上使用Jbox插件時,需要注意一些細(xì)微的改變,但并不影響大部分的使用。