jQuery - カスケードクラスとオンクリック関数の問題

Question

jQueryをポップアップウィンドウに使用する際に問題があります。私は "クリッカー"と呼ばれるクラスを持っています。あなたはそれをクリックすると

は "showHideBox（）" 関数が呼び出されている：

$(".clicker").click(function(){ 
    showHideBox(); 
}); 

showHideBox機能がボックス表示される - $(".box").fadeIn(700)をするか、再度クリックしたときにそれを隠し - $(".box").css("display","none")。

.box divは、ライトボックス効果の種類を提供するために高いz-インデックスで固定されて配置されます。

.box divには、クリック可能なインタラクティブなビットが含まれています。

.box divはかなり大きく、部分的には.clicker divと重なっています。

.clicker divと重なっている.box divの領域をクリックすると、jQueryが.clickerをクリックしているかのように動作するという問題があります。

実際には、私が.box css("display","block")機能を提供しても、.clicker機能を聞いています。

解決策を知っている人は、アドバイスをお願いします。

事前に感謝します。

Answer 1

画面全体をカバーするボックスdivの後ろに透明なdivを追加できます。動作しない場合は、jQueryイベントのバブリングについて明確にしてください。これらの作業のいずれかがある場合はお知らせください。