2012-01-04 179 views
2

我有一個問題,讓我難住。我正在構建一個相當簡單的移動網站,並希望使用jQuery爲所有網頁製作菜單。我有一個簡單的UList,它包含菜單元素。它通過CSS隱藏當我加載頁面jQuery .slideDown();崩潰的Android瀏覽器

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; 
}); 

它工作正常,在Firefox & Safari瀏覽器與iPhone瀏覽器代理以及iPhone上。但是,在我的新Android Razr上,它會使瀏覽器崩潰。任何想法都會非常受歡迎。

謝謝。

+0

您是否嘗試過使用CSS轉換? http://css3.bradshawenterprises.com/ – sissonb 2012-01-04 20:52:45

+0

現在研究過渡事物,但希望在所有瀏覽器中保持簡單。 – 2012-01-04 21:20:23

+0

持續時間是0而不是500時是否會崩潰? – sissonb 2012-01-04 21:56:31

回答

3

由於這個jQuery bug已經修復jQuery 1.8.3(1.8.2仍然崩潰的Android),jQuery效果(slideUp等)將崩潰Android瀏覽器。

0

聽起來好像這是Android瀏覽器的問題,而不是您的代碼。理論上,在安全的瀏覽器上,沒有無特權的JavaScript代碼應該能夠導致整個瀏覽器「崩潰」。

0

也許console.log()不存在?

+0

我刪除它,它仍然給我崩潰。 – 2012-01-04 21:19:20