先看看效果：
今天测试EasyUI的对话框，照着官方的代码做了一个，结果太欢快了。
以下是官方的示例代码（红框部份）：
整个页面代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../Script/jquery-easyui%201.4.4/themes/icon.css" rel="stylesheet" />
<link href="../../Script/jquery-easyui%201.4.4/themes/default/easyui.css" rel="stylesheet" />
</head>
<body>
<div class="easyui-dialog" style="width:600px;height:300px"
data-options="title:'My Dialog',toolbar:'#tb',modal:true">
Dialog Content.
</div>
<div id="tb">
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true"/a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-help',plain:true"/a>
</div>
</body>
</html>
<script src="../../Script/jquery-1.11.3.min.js"></script>
<script src="../../Script/jquery-easyui%201.4.4/jquery.easyui.min.js"></script>测试了几个不同版本的Easyui都有这问题，但jQuery换成低版本的会稍好一些，不会一直循环生成（但也会错乱）。如果用代码方式申明倒是没有问题。
最后查明，toolbar里面的a标签不规范导致的，官方的代码后面以/a>结尾，修改成></a>即可正常：
<div id="tb">
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true"></a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-help',plain:true"></a>
</div>
扫一扫
6399
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
