Блог

Главная - Вопросы по программированию - $ (‘#dlg’).dialog (‘закрыть’) не работает с простой страницей JSP

$ (‘#dlg’).dialog (‘закрыть’) не работает с простой страницей JSP

#jquery #jsp #jquery-easyui

#jquery #jsp #jquery-easyui

Вопрос:

$('#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>

При нажатии кнопки закрыть диалоговое окно должно закрыться.

Комментарии:

1. Получаете ли вы какие-либо ошибки с консоли?

2. Неперехваченная ошибка типа: не удается прочитать свойство ‘options’ неопределенного значения в _23f (jquery.easyui.min.js:3162) в HTMLDivElement.<анонимный> (jquery.easyui.min.js:3377) в функции. каждый (1.11.2.jquery.min.js: 142) при m.fn.init.каждый (1.11.2.jquery.min.js: 42) при Object.close (jquery.easyui.min.js: 3376) при m.fn.init.$.fn.panel (jquery.easyui.min.js: 3330) в m.fn.init.$.fn.window (jquery.easyui.min.js: 3732) в m.fn.init.$.fn.dialog (jquery.easyui.min.js: 3890) в HTMLAnchorElement.onclick (urlTagAction.action? ENTITY =entyamp;MODE=spamp;PAGE=formamp;WEB_ID=:)

Ответ №1:

Если вы проверите консоль, у вас должна появиться ошибка типа «не удается вызвать методы в диалоговом окне до инициализации; предпринята попытка вызвать метод ‘close’«

Простое исправление для этого:

 $('#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>

Комментарии:

1. Работает хорошо, но каждый раз, когда мне придется нажимать дважды, этого я хочу избежать, как это сделать.

2. Можете ли вы создать демо jsfiddle. в сети или в главном сообщении, чтобы я мог проверить проблему?