jquery EsayUi 里一个小弹框
网站后台大多的数据展示就都用和此插件有着密切的关系:
来用一下这个小弹框吧:
一个Html里面的代码
<link rel=‘stylesheet‘ type=‘text/css‘ href=‘css/easyui.css‘ />
<link rel=‘stylesheet‘ type=‘text/css‘ href=‘css/icon.css />
<script type=‘text/javascript‘ src=‘js/jquery.easyui.min.js‘></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<!--以上插件可以官网下载-->
<html> <!--这个div是放置你在展示的数据--> <div id=‘demo‘></div> </html>
<script type=‘text/javascript‘>
function get_htmldata(){ //触发函数
$.post(‘demo.php‘,{},function(data){
$(‘#demo‘).html(data.html); //这个 html可以服务器端和客户端处理
var param = {title:‘这里是标题‘,modal:true,shadow:true,closed:true,width:500,heigth:600}; //这里的参数自己可以看EasyUi的教学文档
$(‘#demo‘).window(param)
$(‘#demo‘).wondow(‘open‘);
},‘json‘);
}
</script>
还不会的小伙伴 赶紧去试试吧~~
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。