2014-07-18 41 views
-2

我想在頁面頂部的菜單的活動選項卡上創建一個小塊。 有三個選項卡:AngularJS,在菜單上的選項卡上創建小滑塊的最佳方式


菜單|幫助|關於

此圖塊滑動到選項卡 - 即徘徊 - 並且如果單擊該選項卡則停留在那裏。

現在我試圖創建我自己的指令,其中我通過選擇器和懸停方法來操作dom。在這個函數中,我只是改變了tile的寬度和位置(左邊)。它可以正常工作,但是當我嘗試調用我的菜單元素(通過ng-repeat創建,與其他人不同)時,它不起作用。 我在做什麼錯誤,這與ng-repeat有什麼關係?

我會非常感謝每一個想法和幫助。

也許有人可以給我一個完全不同的嘗試:)

+1

出於某種原因,我讀'蜘蛛'而不是'滑塊',這個問題真的讓我想到:) – pixelbits

+0

一般來說,當發佈問題,你寫了一些代碼,它不會做你想要的東西,如果你發佈*這個代碼(更具體地說,最小的代碼量仍然能夠再現你正在嘗試解決的同樣的問題),這是非常有幫助的。 – neminem

+0

感謝您的幫助。但我想得到比我的代碼更好的方法。我不是角色專家,所以我認爲有人可以告訴我如何實施這樣的「wdiget」。 – crymis

回答

0

採用自制它... 我明白了,這個問題被嚴重提出,但我認爲,有人可以給我如何實現的建議類似這樣的共同點。

那麼,現在我創建了一個指令,只是將一個點擊和懸停監聽功能綁定到菜單選項卡上。這樣,我可以獲得每個選項卡的位置和寬度信息,並可以正確滑動它們上方的圖塊。

感謝您的幫助!

相關問題