我的 ASP.NET MVC 站点上有这样的菜单
<ul class="site-nav sf-menu">
<li @CurrentItem("Index")>@Html.ActionLink(Resources.Global.Home_Menu_Home, "Index", "Home")</li>
<li @CurrentItem("WhoWeAre")>@Html.ActionLink(Resources.Global.Home_Menu_WhoWeAre, "WhoWeAre", "Home")</li>
<li>...</li>
<li>...</li>
</ul>
(菜单项的名称取自 Global.resx,我无法更改)。
我尝试在我的菜单中使用 Cufon
<script type="text/javascript" src="/Scripts/cufon-yui.js"></script>
<script type="text/javascript" src="/Scripts/Aller_400.font.js"></script>
<script type="text/javascript">
$(window).load(function () {
Cufon.replace('ul.site-nav li a', { fontFamily: 'Aller', hover: true });
});
</script>
但是我的菜单项消失了(因为它们是动态形成的)所以,我尝试使用这样的脚本
<script type="text/javascript">
$(document).ready(function () {
var replace = function () {
var gotinside = false
$('ul.site-nav').each(function (i) {
gotinside = true;
if (i < 1) {
Cufon.replace('ul.site-nav li a', { fontFamily: 'Aller', hover: true });
}
})
if (!gotinside)
setTimeout(replace, 1000);
}
replace();
});
</script>
但它也不起作用。
请帮我解决这个问题。