如何在Yii cmenu小部件生成的LI之间添加一些html?

时间:2013-12-19 18:35:31

标签: yii

我希望添加这样的内容:

menuitem1 / menuitem2 / menuitem3

我需要在/生成的元素之间添加斜杠LI

有任何线索如何制作?

我试过这个:

array('label'=>'About us', 'url'=>array('/about/index'), 'template'=> '/'),

但我得到了这个:

<li class="active">/</li>

我错过了放置template属性吗?

任何其他方式,因为,/不是模板?

更新 知道了:

array('label'=>'About us', 'url'=>array('/about/index'), 'template'=> '{menu} <span>/</span>'),

这将在<{strong> span元素之后生成li

如果有人有更好的方法,请分享。

更新二: 虽然这有效,但生成的标记无效。所以伪元素可能是一种选择。

1 个答案:

答案 0 :(得分:3)

这是糟糕的HTML。 <li>个元素之间不应该有任何标记。如果您想在菜单项之间插入斜杠,我建议您使用另一个小部件来显示您的菜单项(不使用列表项的东西),或者您使用css伪类,{{1 }和:after,包括你想要的斜杠。

http://www.w3schools.com/cssref/sel_before.asp http://www.w3schools.com/cssref/sel_after.asp

当然,另一种选择是添加斜线图像作为元素的背景。我不会称之为最佳选择。