2010-11-18 47 views
0

我有一個使用jQuery彈出窗口的問題。我有一個名爲「點擊者」的課程。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一樣。

所以它實際上正在聆聽.clicker功能 - 即使我給.box css("display","block")函數。

如果有人知道這個解決方案,請諮詢。

非常感謝提前。

+0

在HTML代碼中,是.click裏面的.clicker? – manraj82 2010-11-18 10:57:52

+0

任何你沒有使用show()/ hide()方法而不是css(「display」,...)的理由? – 2010-11-18 11:03:20

+1

如果你想發佈你的代碼,會更容易理解流程嗎? – Starx 2010-11-18 11:17:23

回答

0

你可以嘗試添加一個透明的div在盒子div後面,它將覆蓋整個屏幕。如果它不起作用,請嘗試清楚jQuery事件冒泡。讓我知道這些工作是否有效。