最近在项目中使用了jQuery的BlockUI觉得还不错哦,推荐给广大奋斗在第一线的兄弟们:
如果在项目中你想要点击一个按钮使得页面背景变色然后你事先写好的div什么的显示就可以用以下语句
function showCategoryForm(){
$.blockUI({message:$('#whyForm')});(whyForm是div的id)
$('.blockOverlay').click($.unblockUI);
}
下面的语句是页面恢复:
function unblock(){
$.unblockUI();
}
记得在使用这个插件的时候注意要引入两个js文件
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.blockUI.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.3.2.min.js"></script>
如果你想获得更多的关于BlockUI的知识就去他的官方看一下吧,里面有好多例子大家可以照猫画虎。
http://www.malsup.com/jquery/block
分享到:
相关推荐
jQuery blockUI plugin Version 2.39 (23-MAY-2011) Demos: $(document).ready(function() { $('#demo1').click(function() { $.blockUI({ message: $('#loginForm') }); setTimeout($.unblockUI, 2000); ...
jQuery blockUI plugin * Version 2.08 (06/11/2008) * @requires jQuery v1.2.3 or later
"iconDock 0_8b Example_files"和"jQuery BlockUI Plugin (v2)_files"可能是这两个插件示例所需的额外资源,比如CSS样式文件、图像或者其他支持文件。这些文件对于插件的正确展示和运行至关重要,因为它们定义了插件...
vue 2的BlockUI类似于jquery blockUI,可用于加载屏幕。 目录 安装 npm install --save vue-blockui 使用组件 安装所有组件: import Vue from 'vue' import BlockUI from 'vue-blockui' Vue . use ( ...
1. **jQuery BlockUI Plugin (v2).htm** - 这是一个jQuery插件,BlockUI用于阻止用户与页面的其余部分交互,通常在进行加载或更新操作时使用。它会显示一个可定制的遮罩层,提高用户体验。用户可以学习如何使用...
- **jQuery BlockUI Plugin**:在AJAX请求期间,它可用于阻止用户交互,显示加载指示器,提高用户体验。 - **jQuery DataTables**:提供数据分页、排序、搜索等功能,与AJAX结合可轻松实现动态加载表格数据。 8. ...
- jQuery的Ajax功能强大,但有些插件如jQuery Form Plugin或jQuery BlockUI则进一步优化了异步数据请求和页面部分更新的流程。 通过深入学习和使用这些jQuery插件,开发者不仅可以提高工作效率,也能更好地理解和...
除了BlockUI,还有其他jQuery遮罩插件可供选择,如`jQuery Masked Input Plugin`,主要用于输入框的格式化,不适用于全局遮罩,或者`jQuery UI Dialog`,可以创建弹出对话框并带有遮罩效果。 ### 七、总结 jQuery...
3. **jQuery Validation Plugin**:用于表单验证的插件,支持自定义规则,帮助确保用户输入的有效性。 4. **HoverIntent**:改善悬停事件的处理,避免在用户快速移动鼠标时触发不必要的动作。 5. **Slideout.js**...