单击背景时关闭对话框

本文介绍了单击背景时关闭对话框的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我有一个jQuery UI对话框，在单击特定元素时显示。如果点击发生在那些触发元素或对话框本身以外的任何地方，我想关闭对话框。

I have a jQuery UI Dialog that gets displayed when specific elements are clicked. I would like to close the dialog if a click occurs anywhere other than on those triggering elements or the dialog itself.

<script type="text/javascript" src="code.jquery/jquery-1.8.2.js"></script> <script type="text/javascript" src="code.jquery/ui/1.10.3/jquery-ui.js"></script> <script type="text/javascript" language="javascript"> function deselect(e) { $('.pop').slideFadeToggle(function () { e.removeClass('selected'); }); } $(function () { $('#contact').on('click', function () { if ($(this).hasClass('selected')) { deselect($(this)); } else { $(this).addClass('selected'); $('.pop').slideFadeToggle(); } return false; }); $('.close').on('click', function () { deselect($('#contact')); return false; }); }); $.fn.slideFadeToggle = function (easing, callback) { return this.animate({ opacity: 'toggle', height: 'toggle' }, 'fast', easing, callback); }; </script>

推荐答案

（' .pop'）。slideFadeToggle（ function （）{ e.removeClass（ selected'）; }）; } ('.pop').slideFadeToggle(function () { e.removeClass('selected'); }); }

（ function （）{

（' #contact'）。on（' click'， function （）{ if （ ('#contact').on('click', function () { if (