jQuery 插件 jQuery UI的使用
2010-12-20 15:12
381 查看
首先:下载jQuery UI 所需要的包。放到项目里。
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="jquery/themes/redmond/jquery-ui-1.8.1.custom.css" rel="stylesheet" type="text/css" />
<script src="jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script>
<script src="jquery/jquery.tablesorter.min.js" type="text/javascript"></script>
引入jQuery 所需要js和css 。
1. 新增对话框
$(".add_dialog").click(function(){
$(".dialog").load($(".add_dialog").attr("href"),{"xx": Math.random()}, function(){
$(this).dialog({
title: "新增用户", //对话框的标题
autoOpen: false, //自动打开:true
bgiframe: true, //是否解决IE6下无法遮盖select的问题:false
closeOnEscape: false, //使用ESC关闭dialog:true;
width: 500,
modal: true, //是否为模态: false
resizable: false //是否可以调整大小: true
}).dialog('open');
});
return false;
});
<a id="add_dialog" class="add_dialog" title="新增用户" href="actions/userAction!toAdd">新增用户</a>
<div id="dialog" class="dialog" style="display: none"></div>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="jquery/themes/redmond/jquery-ui-1.8.1.custom.css" rel="stylesheet" type="text/css" />
<script src="jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script>
<script src="jquery/jquery.tablesorter.min.js" type="text/javascript"></script>
引入jQuery 所需要js和css 。
1. 新增对话框
$(".add_dialog").click(function(){
$(".dialog").load($(".add_dialog").attr("href"),{"xx": Math.random()}, function(){
$(this).dialog({
title: "新增用户", //对话框的标题
autoOpen: false, //自动打开:true
bgiframe: true, //是否解决IE6下无法遮盖select的问题:false
closeOnEscape: false, //使用ESC关闭dialog:true;
width: 500,
modal: true, //是否为模态: false
resizable: false //是否可以调整大小: true
}).dialog('open');
});
return false;
});
<a id="add_dialog" class="add_dialog" title="新增用户" href="actions/userAction!toAdd">新增用户</a>
<div id="dialog" class="dialog" style="display: none"></div>
相关文章推荐
- JavaScript之jQuery-8 jQuery 使用插件(zTree树插件、jQuery UI插件)
- jQuery 使用 jQuery UI 部件工厂编写带状态的插件(翻译)
- jQuery 插件 jQuery UI的使用
- 使用 jQuery UI 和 jQuery 插件构建更好的 Web 应用程序
- Web开发人员应当充分使用的10大jQuery插件
- jquery 插件(六) jquery UI(1)
- jQuery的validate插件的一些使用说明
- JQuery上传插件Uploadify使用详解及错误处理
- JQuery上传插件Uploadify使用详解及错误处理
- 让你更好的使用jQuery插件
- 使用jQuery.form插件,实现完美的表单异步提交
- jQuery插件jQuery-JSONP开发ajax调用使用注意事项
- jQuery的datatable的使用例子,以及通过例子分析datatable插件的实现过程,即不但要会用,还要懂其原理
- [译]怎样在Vue.js中使用jquery插件
- jQuery 分页插件 jPages 使用
- jQuery 异步上传插件 Uploadify 使用 (Java平台)
- 使用HTML5和jQuery插件Reel实现一个超酷的星际争霸2兵种动画360度预览效果
- jQuery 兼容ie6的固定定位插件,使用简单
- jQuery Fancybox插件使用参数详解
- 使用JSON插件 jquery