jQueryUI启用有关关闭对话框窗口的链接

Question

我正在使用jQuery UI对话框， JS Fiddle供参考。 如果观察到单击关闭窗口（对话框），则未启用链接，但是应基于相对窗口关闭来启用链接。 如何将关闭的对话框窗口与相应的链接相关联并再次启用它？

$(function() {

    function opener(params){
        var _params = params;
            for (var obj in _params){
                dialogOpener(_params[obj]);
            }
        function dialogOpener(selector){
            $('#'+selector.linkSelector).on('click', function(ev){
                ev.preventDefault();
                ev.stopPropagation();
                var url = $(this).attr('href');
                if ($(ev.target).hasClass('disabled')) {
                        return false;
                } else{
                    $('#'+selector.moduleSelector).dialog({width: 800, position: 'top'}).load( url);
                    $(this).addClass('disabled');
                }
            });
        }
    }
    opener([
      { linkSelector: 'google', moduleSelector: 'googleModule'},
      { linkSelector: 'facebook', moduleSelector: 'facebookModule'},
      { linkSelector: 'yahoo', moduleSelector: 'yahooModule'},
      { linkSelector: 'gmail', moduleSelector: 'gmailModule'}
    ]);
});

Answer 1

尝试添加在初始化对话框以重新启用链接时在对话框关闭时触发的事件。 例如，您的dialogOpener函数可能如下所示：

function dialogOpener(selector){
    $('#'+selector.linkSelector).on('click', function(ev){
        ev.preventDefault();
        ev.stopPropagation();
        var url = $(this).attr('href');
        var selected = $(this);
        if ($(ev.target).hasClass('disabled')) {
                return false;
        } else{
            $('#'+selector.moduleSelector).dialog({
                width: 800, 
                position: 'top', 
                close: function(event,ui) { 
                    selected.removeClass('disabled'); 
                }
            }).load( url);
            selected.addClass('disabled');
        }
    });
}

JSFiddle： http : //jsfiddle.net/mobj45kt/2/

用于关闭事件的jQuery对话框API： http : //api.jqueryui.com/dialog/#event-close