JQuery UI Аккордеонный Глюк - PullRequest
Новая
       31

JQuery UI Аккордеонный Глюк

2 голосов
/ 28 января 2009

Я работаю с JQuery UI 1.6rc5, и у меня возникли некоторые проблемы с использованием виджета для аккордеона. Вот код, который я использую. 

<script>
$(document).ready(function(){
    $('#find-panel').accordion({
        header:"h3",
        autoHeight:true,
        alwaysOpen: false,
    }); 
});
</script>

<div id="find-panel" class="ui-accordion" style="width:450px;">
    <div class="ui-accordion-group">
        <h3 class="ui-accordion-header">
            <a href = "#">
            I know a Material
            </a>
        </h3>
        <div class="ui-accordion-content">
                <p>Enter a part number</p>
        </div>
    </div>

    <div class="ui-accordion-group">
        <h3 class="ui-accordion-header">
            <a href="#">
                I know a Tag
            </a>
        </h3>
        <div class="ui-accordion-content">
            <p>Enter a tag name</p>
        </div>
    </div>

    <div class="ui-accordion-group">
        <h3 class="ui-accordion-header">
            <a href="#">
                I know an Issue
            </a>
        </h3>
        <div class="ui-accordion-content">
            <p> Enter an issue id number</p>
        </div>
    </div>  
</div>

У меня проблема в том, что этот код не работает правильно в Safari. В частности, содержимое в тегах div.ui-accordion-content отображается неправильно. Если я укажу высоту в стиле, сафри работает нормально.

Мне удалось протестировать точный код над ним в FF, и он отлично работает. Кто-нибудь еще видел эту проблему с Safari, и как вы ее решили?

1 Ответ

8 голосов
/ 28 января 2009

Ну, Safari всегда душит меня, когда я оставляю лишнюю запятую в объекте после последнего свойства объекта, как в вашем примере (после alwaysOpen: false) 

$('#find-panel').accordion({
    header:"h3",
    autoHeight:true,
    alwaysOpen: false,
});
...