$('#dlg').dialog('close')
不可点击,而保存按钮警报即将到来。 StackOverflow的答案与iframe有关。它在我的情况下不起作用。
<div id="dlg" class="easyui-dialog" title="Complex Toolbar on Dialog" style="width: 400px; height: 200px; padding: 10px" data-options="iconCls: 'icon-save', buttons: '#dlg-buttons'">
The dialog content.
</div>
<div id="dlg-buttons">
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:alert('save')">Save</a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#dlg').dialog('close')">Close</a>
</div>
单击关闭,对话框窗口应该关闭。
如果你检查控制台,你应该有一些错误,比如“在初始化之前不能在对话框上调用方法;试图调用方法'关闭'”
对此的简单修复是:
$('#dlg').dialog().dialog('close');
演示:
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div id="dlg" class="easyui-dialog" title="Complex Toolbar on Dialog" style="width: 400px; height: 200px; padding: 10px" data-options="iconCls: 'icon-save', buttons: '#dlg-buttons'">
The dialog content.
</div>
<div id="dlg-buttons">
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:alert('save')">Save</a>
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#dlg').dialog().dialog('close');">Close</a>
</div>