当前位置：首页 > 资讯 > 技术文档

基于jquery的finkyUI插件与Ajax实现页面数据加载功能

时间：2020-06-01 12:57 编辑：来源：阅读：
扫一扫，手机访问

摘要：基于jquery的finkyUI插件与Ajax实现页面数据加载功能

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/json.js"></script>
<script type="text/javascript" src="js/jquery.funkyUI.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#Click").click(function(){
$.getJSON("ajaxuser.jspx",{},function(json){
//alert(json);
$("#clickTab").children().each(function(){
$(this).remove();
});
$(json).each(function(){
var id=this.uid;
var name=this.uname;
var pwd=this.upwd;
//alert(name);
var htmlStr='<tr><td bgcolor="white">'+id+'</td>'+'<td bgcolor="white">'+name+'</td>'+'<td bgcolor="white">'+pwd+'</td></tr>';
$("#clickTab").append(htmlStr);
});
});
});

$("#clickTab").ajaxStart(function(){
$.funkyUI({
showDialog:false
});
});
$("#clickTab").ajaxStop(function(){
$.unfunkyUI();
});
});
</script>

[img]http://files.jb51.net/upload/201012/20101203195927670.png[/img] finkyUI是很好用的一个jquery插件写出这玩意的哥们很强谢谢他了，不然自己做这效果不知要做到什么时候了...... ----------------------------功能--------------------------- 无限级弹出窗口 * Esc退出block弹出窗口 * 可拖动窗口 * 模态窗口 * 模态alert警告对话框 * 模态confirm对话框 * 页面局部模态 * 绑定按钮响应函数 * 弹出窗口加载iframe * 自定义背景样式组件提供了六个函数：

[u]复制代码[/u] 代码如下:

$.funkyUI // 弹出模态窗口
$.unfunkyUI // 关闭模态窗口
$.alert //警告提示对话框
$.confirm //确认和取消对话框
$.fn.block //块模态
$.fn.unblock//解除块模态

调用示例：

[u]复制代码[/u] 代码如下:

$.blockUI({
url:"1.html",//弹出窗口显示的内容，使用iframe
OKEvent:okEvent,//okEvent是自定义的确定按钮响应函数，
css:{width:"700",height:"500"}
});
$.alert("这是警告窗口");
$.confirm("这是个Boolean窗口");
$('#blocked').block();//id为blocked的元素设置为只读
$('#blocked').unblock();//解除

全部评论(0)

上一篇：iframe里面的元素触发父窗口元素事件的jquery代码
下一篇：jQuery实现点击表格单元格就可以编辑内容的方法【测试可用】

资讯排行榜
更多>>