2013-06-21 26 views
0

我正在爲jQuery圖像輪播設置腳本。我已經實現了一個旋轉功能,該功能是通過將鼠標懸停在兩個div上來觸發的,該旋轉功能將父輪播除以2。如果鼠標懸停在左側,則它將以單向旋轉,反之亦然。單擊隱藏在div後面的項目

問題是,在這兩個div被索引到頂部以提供該功能時,當用戶單擊特定圖像使其彈出時,我無法設置點擊功能。

我在想的另一種方法是使用PageX,以便我可以移除div並按計劃使用click函數。是否有可能使用PageX將div分割爲2(因此,如果您將鼠標懸停在一側,則執行一個操作,而在其他位置則相反)?還是有另一種方法可以更好地適應這種情況?

+1

請張貼來代碼。 – j08691

+0

是的,可以通過使用鼠標指針的位置和元素的位置來分割成兩部分來計算被單擊的部分。還有一些指針事件可以讓你單擊「通過」一個元素,但它在所有瀏覽器中都不被支持。 – adeneo

回答

1

我只是把一個div放在旋轉木馬後面,然後像你說的那樣使用event.pageX。如果座標位於頁面的左側,則向左旋轉,否則向右旋轉。

如果傳送帶中的圖像實際上並未被外部div包含(並且不會使鼠標懸停在空中),只需將同樣的mouseover事件附加到它們上。