【发布时间】:2012-01-04 20:43:07
【问题描述】:
我遇到了一个让我难过的问题。我正在构建一个相当简单的移动网站,并希望使用 jQuery 为所有页面制作菜单。我有一个简单的 UList 保存菜单元素。当我加载页面时,它通过 CSS 隐藏
item { display:none }
我想在单击“链接”时使用以下内容显示它:
$("header div.menu-box a").click(function(event){
event.preventDefault();
if($("#header_wrapper .menu-box .menu-text").text() == 'Menu') {
$("#header_wrapper .menu-box .menu-text").text("Close");
$("#popmenu").slideDown(500);
}
else {
$("#header_wrapper .menu-box .menu-text").html("Menu");
$("#popmenu").slideUp(500);
}
return false;
});
它在带有 iPhone 浏览器代理的 Firefox 和 Safari 以及 iPhone 上都能正常工作。但是,在我的新 Android Razr 上,它会使浏览器崩溃。任何想法都会非常受欢迎。
谢谢。
【问题讨论】:
-
您尝试过使用 CSS 过渡吗? css3.bradshawenterprises.com
-
现在正在研究过渡的东西,但希望它在所有浏览器中易于维护。
-
持续时间为0而不是500时会崩溃吗?
-
有趣...它不会因 0 而崩溃,但会因任何其他数字而崩溃。