JQuery BlockUI是一款JQuery插件,它可以讓你簡(jiǎn)便地為用戶提供了一種信息通知的方式,譬如在提交表單時(shí)阻止用戶操作。
使用JQuery BlockUI首先需要引入JQuery庫至你的項(xiàng)目中,并且在JQuery庫引入之后引入BlockUI庫。但是如果你在本地部署你的文件的話,這一點(diǎn)并不困難。但是如果你希望能夠從CDN中獲取這些文件,那么你需要一個(gè)CDN地址。
使用CDN地址的最大好處在于,它可以減少文件的請(qǐng)求時(shí)間。經(jīng)常使用CDN的網(wǎng)站對(duì)于全球訪問者的響應(yīng)速度更快、更可靠。
<!-- 引入JQuery庫 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- 引入JQuery BlockUI庫 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.blockUI/2.70/jquery.blockUI.min.js"></script>
上面的代碼就是引入JQuery庫和JQuery BlockUI庫的CDN地址。比如在這里,我們使用的是BootCDN提供的CDN地址來獲取這些庫。注意,你需要在你的頁面的頭部引入這兩個(gè)CDN地址。
你現(xiàn)在已經(jīng)成功引入了JQuery BlockUI庫,你可以在你接下來的項(xiàng)目中使用這個(gè)庫來實(shí)現(xiàn)一些比較復(fù)雜的功能了。