Tag: jquery ui jquery ui dialog

jQuery UI – closures对话框当单击外部

我有一个jQuery UI对话框，当特定的元素被点击时显示。 如果点击发生在触发元素或对话框本身以外的任何地方，我想closures对话框。 以下是打开对话框的代码： $(document).ready(function() { var $field_hint = $('<div></div>') .dialog({ autoOpen: false, minHeight: 50, resizable: false, width: 375 }); $('.hint').click(function() { var $hint = $(this); $field_hint.html($hint.html()); $field_hint.dialog('option', 'position', [162, $hint.offset().top + 25]); $field_hint.dialog('option', 'title', $hint.siblings('label').html()); $field_hint.dialog('open'); }); /*$(document).click(function() { $field_hint.dialog('close'); });*/ }); 如果我取消注释最后一部分，对话框永远不会打开。 我认为这是因为打开对话框的同样的点击是再次closures它。 最后工作代码 注意：这是使用jQuery外部事件插件 $(document).ready(function() { // dialog element to .hint var […]