jquery - jQuery：级联弹出窗口

Question

我有以下代码来显示弹出 div：

<a href="#" id="pop1" rel="div#tt1">Click to show popup</a>
<div class="popupBlock" id="tt1">My popup content ...</div>

div 最初是隐藏的，并且在单击 pop1 锚点时使用一些 jQuery 代码将其变为可见。这是我为此制作的插件：

(function($) {
$.fn.pop = function(options) {


    var defaults = {
        show: "click",
        tooltip: null
    };
    var options = $.extend(defaults, options);
    var target = $(this);
    var popup = $(target.attr("rel"));

    popup.css("visibility", "hidden").css("display", "none");
    target.click(function() {
        popup.css("visibility", "visible").css("display", "block");
        return false;
    });

    $('body').click(function() {
        popup.css("visibility", "hidden").css("display", "none");
        return false;
    });

    popup.click(function(event) {
        event.stopPropagation();
     });
};

一切似乎都井井有条，但是当我在 div 中添加一个控件时，整个事情都中断了，例如：

<div class="popupBlock" id="tt1">My popup content ...
       <span> some text here</span>
</div>

span 不会触发 div 的点击事件并隐藏 div，这是我不想要的。任何人都知道我需要在这里做什么来防止这种情况发生吗？谢谢你，V

Answer 1

var popup = $(target.attr("rel")).add($(target.attr("rel") > *));

或者

var popup = $(target.attr("rel"), $(target.attr("rel") > *));