本文介绍了单击背景时关闭对话框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个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 (
更多推荐
单击背景时关闭对话框
发布评论