AngularJS,在菜单中的选项卡上方创建小滑块的最佳方法

时间:2014-07-18 14:47:37

标签: jquery angularjs slider directive

我想在页面顶部菜单的活动标签上方创建一个小图块。 有三个选项卡,如:


菜单|帮助|约

此图块滑动到选项卡 - 即悬停 - 并在单击选项卡时停留在那里。

现在我尝试创建自己的指令,在其中我通过选择器和悬停方法进行dom操作。在函数中,我只是改变了tile的宽度和位置(左)。它适用于普通元素,但是当我尝试在我的菜单元素上调用该函数时(通过ng-repeat创建,与其他元素相比)它只是不起作用。 我做错了什么,这与ng-repeat有什么关系?

我会非常感谢每一个想法和帮助。

也许有人可以给我一个完全不同的尝试:)

1 个答案:

答案 0 :(得分:0)

自己制作...... 我明白,这个问题很糟糕,但我认为有人可以就如何实现这样的共同点给我建议。

好吧,现在我创建了一个指令,它只是将点击和悬停监听功能绑定到菜单标签。这样,我得到每个标签的位置和宽度信息,并可以正确地滑动它们上方的瓷砖。

感谢您的帮助!