jQuery BlockUI Plugin Demo 4(Element Blocking Examples)
Element Blocking Examples
This page demonstrates how to block selected elements on the page rather than the entire page. The buttons below will block/unblock access to the bordered area beneath them.
<input id="blockButton" type="submit" value="Block"> <input id="blockButton2" type="submit" value="Block with Message"> <input id="unblockButton" type="submit" value="Unblock">
This text will not be blocked. Test link - click me!
The following code is used on this page:
<script type="text/javascript"> $(document).ready(function() { $('#blockButton').click(function() { $('div.test').block({ message: null }); }); $('#blockButton2').click(function() { $('div.test').block({ message: '<h1>Processing</h1>', css: { border: '3px solid #a00' } }); }); $('#unblockButton').click(function() { $('div.test').unblock(); }); $('a.test').click(function() { alert('link clicked'); return false; }); }); </script>
参考:http://malsup.com/jquery/block/#overview
分类:
JS
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· NetPad:一个.NET开源、跨平台的C#编辑器