Изменение CSS на Blackberry

Question

У меня есть следующий фрагмент кода, вдохновленный twitter bootstrap. Он отлично работает на всем, кроме Blackberry Curve 8200.

Это в основном открыть и закрыть навигацию.

События запуска, состояние подхватили правильно, но когда я настроить CSS ничего не происходит :(Я пробовал добавлять и удалять классы вместо этого, та же проблема.

Свернутый элемент делает отображаться неправильно, если я добавить атрибут стиля к нему вручную.

$('[data-toggle="collapse"]').bind('click', collapse); 

function collapse (e) { 
    var $this = $(this); 
    var target = $this.data('target'); 
    var state = $this.data('state'); 
    if (! state) state = 'closed'; 

    if (state === 'closed') { 
     $(target).css('height', 'auto'); 
     $this.data('state', 'open'); 
    } else { 
     $(target).css('height', '0'); 
     $this.data('state', 'closed'); 
    } 
    return false; 
} 

Это в основном походит на следующую строку

$(target).css('height', 'auto'); 

просто ничего не делает , Хотя целевая переменная правильная.

Мой HTML существу выглядит следующим образом

<style> 
    .nav { height: 0; } 
</style> 
<div data-toggle="collapse" data-target=".nav">...</div> 
<div class="nav">...</div> 

-update-

Я использовал зепто, просто попытался с JQuery ... та же проблема.

Answer 1

Является ли это OS5 или OS6? Если OS5, у браузера есть всевозможные дефекты, поддерживающие повторный рендеринг DOM. height: auto является одним из них. Решение, которое я использовал, это показать их на загрузке страницы, измерить, а затем кешировать их первоначальную высоту с помощью атрибута data-*, а затем свернуть их все. Таким образом, когда пришло время показать их, вместо auto я могу дать точный размер пикселя.