2016-08-19 71 views
0

我的頁面上有兩個Div。一個是父母div,另一個是彈出窗口。 當前彈出窗口顯示/隱藏點擊父div或點擊彈出窗口內的按鈕。AngularJS中的點擊活動

我怎樣才能實現彈出將被關閉,當我點擊(除彈出窗口和父div之外的任何地方)?有沒有事件機制已經提供?如果是的話,如何使用它?

回答

1

您可以創建另一個具有全寬和高度的div,並且z-index大於其他內容且小於彈出。每當顯示彈出窗口時顯示該div。然後你可以添加這個div單擊事件,所以當用戶點擊該div時,這意味着它不在彈出窗口中。

這是用jquery製作的jsfiddle只是爲了讓你知道如何做到這一點。 這是另一個角度DEMO

+0

爲什麼'.show()'&'.hide()'而不是手動更改顯示模式? – Camo

+0

彈出菜單列表即將到來 - 所以內容頁面正在動態變化。我永遠不會知道用戶通過點擊父div看到彈出窗口在哪個頁面上。 – Devendra

+0

@Rencamo這是一回事。但無關緊要,你可以給這個覆蓋div位置絕對和左:0;頂部:0;並且無論您身處何處,滾動了多少或其他內容,它都會始終顯示在窗口中。你想用jQuery事件或角度做到這一點? –