JQuery UI 手风琴故障答案

【问题标题】：JQuery UI Accordion GlitchJQuery UI 手风琴故障
【发布时间】：2009-01-28 06:16:52
【问题描述】：

我正在使用 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 标记中的内容无法正确呈现。如果我在样式中指定高度，safri 工作正常。

我已经能够在 FF 中测试它上面的确切代码，它工作正常。有其他人在 Safari 中看到过这个问题吗？您是如何解决的？

【问题讨论】：

标签： jquery jquery-ui safari accordion

【解决方案1】：

好吧，当我在你的示例中的最后一个对象属性之后（alwaysOpen: false 之后）在对象中留下一个额外的逗号时，Safari 总是让我窒息

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

【讨论】：