2

私は 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 でこの問題を見たことがありますか? また、どのように解決しましたか?

4

1 に答える 1

8

さて、あなたの例のように最後のオブジェクトプロパティの後にオブジェクトに余分なコンマを残すと、Safariは常に私を窒息させます(後alwaysOpen: false)

$('#find-panel').accordion({
    header:"h3",
    autoHeight:true,
    alwaysOpen: false,
});
于 2009-01-28T06:22:47.447 に答える