4

初めてアコーディオンを使用していますが、なぜか正しく表示されません。アイコンはテキストの後ろにあり、左側にパディングはありません。

最小限の例は次のようになります。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<title>test</title>

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link type="text/css" href="css/cupertino/jquery-ui-1.8.24.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/vendor/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/vendor/jquery-ui-1.8.24.custom.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $("#accordion").accordion({ header: "h3", active: false, collapsible: true, fillSpace: true });
        });
    </script>
</head>
<body>
    <!-- Add your site or application content here -->
    <div id="accordion">
        <div>
            <h3>test</h3>
            <div>bla bla bla</div>
        </div>
    </div>

</body>
</html>

それが私にどのように見えるかのスクリーンショットはここで見ることができます

誰もそれを解決する方法を知っていますか?

4

1 に答える 1

3

マークアップにはいくつかの調整が必要です。

<div id="accordion">
    <h3><a href="#">test</a></h3>
    <div>bla bla bla</div>
</div>​

例: http://jsfiddle.net/andrewwhitaker/WP29E/15/

于 2012-10-06T17:48:31.613 に答える