8

これは合計n00bの質問です。JQuery UIを使用してみましたが、JQueryCSSがHTMLファイルに違いをもたらしているようには見えません。

私が行った手順は次のとおりです。1)テーマを選択し、そのテーマへのリンクを含めました(リモートとローカルの両方を試しました)

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-darkness/jquery-ui.css" type="text/css" rel="stylesheet" >

2)テーマを使用するボタンのクラスを設定します。

<button class="ui-button" id='button 1'>hello world</button>

この時点で、私はそれが必要なすべてだと思いました。私はいくつかのチュートリアルを読みましたが、それらはすべて、すべてのテーマが箱から出してすぐに機能し、主にそれらを微調整することに集中していると想定しています。

始めるための最低限は何ですか?

最終的なHTMLドキュメント:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery demo</title>

    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-darkness/jquery-ui.css" type="text/css" rel="stylesheet" >

    <style>
        a.test { font-weight: bold; }
    </style>

</head>
<body>
<a href="http://jquery.com/">jQuery</a>
<button class="ui-button" id='button 1'>hello world</button>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>
    $(document).ready(function(){
    });
</script>
</body>
</html>
4

1 に答える 1

6

jQuery スクリプトはロードしましたが、jQuery-UI スクリプトはロードしていません。(jQuery-UI には、jQuery 自体に加えて、CSS と JS ファイルの両方が必要です。)

<script>タグを次のように変更します。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
    $(document).ready(function(){
});
</script>
于 2012-12-05T20:48:34.110 に答える