2009-06-24 1 views
0

Iポップアップdiv要素を表示するために、次のコードを持っている:jQueryの:カスケードポップアップ

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

divが最初に隠されているとPOP1アンカーがクリックされたときに、jQueryのコードのビットを私は目に見えるそれを回しますよ。これは私がこのために作られましたplginです:

(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のclickイベントをトリガーせず、必要のないdivを非表示にします。 誰も私がここでこれを防ぐために何をする必要があるか考えていますか? は V、ありがとう

答えて

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

または

var popup = $(target.attr("rel"), $(target.attr("rel") > *)); 
関連する問題