强制窗口在正确的超链接处关闭答案

【问题标题】：Force window closed at correct hyperlink强制窗口在正确的超链接处关闭
【发布时间】：2015-02-01 03:19:27
【问题描述】：

我现在有一个工作脚本，它会在我单击的链接旁边打开一个窗口。

我遇到的问题是在打开窗口时单击另一个链接会发生什么。如果我单击链接 D，则会打开窗口。如果我在窗口在“D”处打开时单击链接 A，则窗口在链接 A 处关闭。

这个FIDDLE说明了我的意思。

我也想做。关闭打开的窗口并在新链接处重新打开，或者只允许通过关闭链接关闭。

这是我正在使用的代码：

function deselect(e) {
  $('.pop').slideFadeToggle(function() {
    e.removeClass('selected');
  });    
}

$(function() {
        $("[id$='contact']").click(function(){

    if($(this).hasClass('selected')) {
      deselect($(this));               
    } else {
      $(this).addClass('selected');
      $(".messagepop").css( {position:"absolute",
                             top:$(this).offset().top,
                             left: $(this).offset().left});
      $('.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);
};

知道谁可以做到这一点吗？

【问题讨论】：

标签： jquery hyperlink window

【解决方案1】：

我可以在这里找到的问题，您在动画中使用切换功能并试图控制点击事件。您需要处理显示/隐藏的动画，而不是使用切换。

但是下面的 JS 代码按预期工作。如果它解决了您的目的，请尝试，否则请尝试从动画中删除切换。

$(function() {
  $("[id$='contact']").click(function(){
    var src = $(this);
    $("[id$='contact']").removeClass('selected');
    $('.pop').slideFadeToggle(function() {
       $(".messagepop").css( {position:"absolute",
                             top:src.offset().top,
                             left:src.offset().left});
       src.addClass('selected');
     }); 

    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);
};

【讨论】：