jQuery UI1.11.2をダウンロードし、使用します。
【手順１】
１．「jQuery UIの解凍方法」の手順でダウンロードした以下の３つ選択し、右クリックから「コピー」を選択。
images jquery-ui.min.css jquery-ui.min.js
１．HTMLを作成するディレクトリに「Ctrl+V」で貼り付け。
１．「jQuery UIの解凍方法」の手順でダウンロードした以下の１つ選択し、右クリックから「コピー」を選択。
jquery.js
１．HTMLを作成するディレクトリに「Ctrl+V」で貼り付け。
１．HTMLファイル「index.html」(任意)を作成。
１．「index.html」を以下の様に入力。
<!doctype html>
<html>
<head>
<link href="jquery-ui.min.css" rel="stylesheet">
<script src="jquery.js"></script>
<script src="jquery-ui.min.js"></script>
<script>
$(function() {
$( "#button" ).button();
});
</script>
</head>
<body>
<button id="button">Hello World!</button>
</body>
</html>
【手順７】
１．ブラウザで「index.html」を開き、以下の様に表示されれば成功です。
0 件のコメント:
コメントを投稿
注: コメントを投稿できるのは、このブログのメンバーだけです。