2017-07-01 48 views
0

我使用wheelnav.js构建了一个菜单,但是我无法弄清楚如何为每个navItem设置.titleRotateAngle属性。Wheelnav.js set titleRotateAngle per navItem

据我所知,这个选项是为wheelnav对象全局设置的。但是建立一个“半圈”菜单时,这导致navItems标题的不利显示如下所示:

http://i.imgur.com/esQUjBY.png

我想要实现的是上半年(四舍五入)NavItem标题是旋转180°以获得更好的可读性。

我用这个wheelnav的代码可以在这里找到:

https://hastebin.com/aqixagijop.xml

因为我不能找到该wheelnav.js文档中这一特定问题的任何帮助的,我希望你们有人可能会绊倒这个问题以及知道一个修复。

欢呼声,并提前致谢!

回答

0

您可以用initWheel初始化wheelnav。初始化每个导航项后单独配置。没有初始化每个navItem都会继承wheelnav的属性。 (你可以找到它在documentation,按“初始化”和“创造”根据方法部分信息按钮约navItems here。)

这里是您当前问题的样本代码:

wheel.initWheel(["1", "2", "3", "4"]); 
wheel.titleRotateAngle = 0; 
wheel.navItems[0].titleRotateAngle = 180; 
wheel.navItems[1].titleRotateAngle = 180; 
wheel.createWheel(); 
+0

嗨!谢谢你的快速回答。但是这对我不起作用。是的,titleRotateAngle属性设置为前两个navItems,但它根本不影响轮子的显示。我发现我可以使用wheel.navItems [n] .navTitle.rotate(value),但是在完成wheelnav的每个操作之后它会被覆盖:/ – dreadkopp