0

私が何をしても、CSS スタイル シートは機能しません。私は何日も運がないことを試みてきました。デモをダウンロードしても、一部のスタイルが機能しません。ここを参照してください：

http://i.imgur.com/DsgMK.png (Chrome と Firefox でテスト済み)

そこで、私が間違っていることを他の誰かが見られることを期待して、Google の CDN を使用してこのテスト コードを作成しました。

<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
    <meta http-equiv="content-type" content="text-html; charset=utf-8" />
    <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/themes/sunny/jquery-ui.css" type="text/css" />
    <title>JQuery UI Test</title>
</head>
<body>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
</script>

    <!-- Accordion -->
    <h2 class="demoHeaders">Accordion</h2>
    <div id="accordion">
        <div>
            <h3><a href="#">First</a></h3>
            <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
        </div>
        <div>
            <h3><a href="#">Second</a></h3>
            <div>Phasellus mattis tincidunt nibh.</div>
        </div>
        <div>
            <h3><a href="#">Third</a></h3>
            <div>Nam dui erat, auctor a, dignissim quis.</div>
        </div>
    </div>

    <!-- Button -->
    <h2 class="demoHeaders">Button</h2>
    <button id="button">A button element</button>
    <form style="margin-top: 1em;">
        <div id="radioset">
            <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
            <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
            <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
        </div>
    </form>


</body>
</html>

これは、上記のコードから取得したものです: http://i.imgur.com/j09RY.png

これは簡単だと思いますが、何か間違ったことをしているに違いありません。事前にどうもありがとうございました！

4

1 に答える 1

4

jQuery UI 要素を作成するには、それらを作成するための JavaScript コードを記述する必要があります。

このようなもの：

<script type="text/javascript">
    $(function() {
        $("#accordion").accordion();
        $("#button").button();
    });
</script>

詳細については、jQuery UI のドキュメントを参照してください: http://jqueryui.com/demos/

于 2012-09-05T00:06:14.667 に答える