2015-06-25 86 views
1

我試圖重新創建一個使用2個單排滑塊而不是1個雙排滑塊的網格輪播滑塊,因爲我想只突出顯示「居中」和「活動」的單個元素,因此我想重新創建一個網格輪播滑塊,而不是1個雙排滑塊在雙排滑塊2中,元件「居中」和「活動」。javascript:如何將一個屬性添加到子元素只有當父元素是活動的,而子元素有一個特定的類?

我遇到了兩個問題,因爲坦率地說我的JavaScript並不是那麼好。

退房此筆 [http://codepen.io/mathiasvanderbrempt/pen/zGpGvd

JS: $( '旋轉木馬:重點.frame.slick中心 ')。CSS(' 邊界', '1px的紅色實');

第二個問題:

這將與事件偵聽器滾動方向去,使滑塊「重點」,以允許方向箭頭使用(左,右)。 含義:如果我向上按下箭頭,窗口會向上移動(或者您可以取消這個?),並且活動滑塊將是最上面的一個,可以使用向左箭頭和向右箭頭直接導航,反之亦然。 [1]:http://codepen.io/mathiasvanderbrempt/pen/zGpGvd

+0

是什麼'= active'是什麼意思?這是一個保存活動元素的全局變量嗎? – Barmar

+0

是否將類添加到活動元素? – Barmar

+1

請顯示您嘗試的JS,並解釋您遇到的兩個問題?如果我們能夠解釋出錯的地方,那麼你會學得更好,而不僅僅是我們爲你寫代碼。 – Barmar

回答

0

使用CSS,jQuery的不是:

.carousel:focus .frame.slick-center { 
    background-color: red; 
} 
+0

我可以看到你的想法,但這似乎並沒有工作.. –

+0

你確定活動輪播重點? – Barmar

+0

這可能是問題所在。如果我在選擇器活動時給它一個css屬性,它會顯示點擊的變化。但它使用活動時不顯示更改,但它確實將焦點放在頂部或底部滑塊上,因爲我一次只能控制1個方向。 –

相關問題