2011-09-09 7 views
3

に行くん私はjQueryのUIのプラグインを使用するためのチュートリアルに従うことをしようとしています。私はJavaScriptが初めてで、特定のビットをどこに置くべきかわかりません。シンプルなJavaScriptの質問 - これは

私はダウンロードが必要なものはすべて持っています。私は必要な場所にファイルを置いて、私が想定していたようなものにそれらを含めました。問題はありません。しかし、次に私は私の完全なnoobienessのためにちょっと立ち往生します。

私は使用したい要素にIDを付けます。 id="date"と電話:

$('#date').datepicker(); 

です。

上記のコードはどこに記入しますか? HTMLとPHPに沿って?または、私がインクルードしたJavascriptファイルにありますか?

答えて

6

まず、あなたのjQueryライブラリをロードします。

<script src="/jquery/1.6.3/jquery.min.js" type="text/javascript"></script> 

その後、あなたのjQuery UIライブラリをロード:あなたをロードし、その後

<script src="/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script> 

を次のようなコード:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#date').datepicker(); 
}); 
</script> 
+0

クールこれは最高の答えのようです。 –

3

ようなスクリプトタグ内にそれを置く:

<script type="text/javascript"> 
    $(function(){ 
    $('#date').datepicker(); 
    }) 
</script> 
+0

私はこれをupvoteだろう...しかしあなたの欠けている ')':P – Loktar

+0

彼はいない: - P –

1

通常は$(document).ready()にjQueryのコードを実行しますが、そうでない場合があります。スクリプトタグの間、あなたのHTML/PHPコードでhttp://docs.jquery.com/How_jQuery_Works

1

を:多分これはあなたが開始されます。ほとんどの場合、頭部セクションまたは末尾のbodyタグのすぐ下に位置します。

あなたのコードは次のようになります...

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#date').datepicker(); 
    }); 
</script> 
0

を使用しようとしているコードはJavascriptあるので、それは通常の.jsファイルに入る、またはスクリプトタイプ=「javascriptの」へあなたの結果のHTMLのタグ。それはjQueryの$関数を使用するので、あなたはあなたの質問にあなたが持っているコードを呼び出す前に、jQueryのライブラリが含まれている必要があります。すべてのneccessaryライブラリがロードされ、HTML DOMツリーが構築されている場合にのみ、それが呼び出されるように、コード自体は最高の、jQueryの提供document.ready関数に配置されます。あなたが入力テキストボックス要素はすでに、DOM.For例にここで

var input = document.createElement('input'); 
input.type = 'text'; 
input.id = 'date'; 
document.body.appendChild(input);(or)[If div to append then div.appendChild(input); 

$('#date').datepicker(); 

を追加するようなジャバスクリプトファイル内のそのコードを配置する必要があり

$(document).ready(function() { 
    $('#date').datepicker(); 
}); 
0

、入力要素は、本体に添付されますか、親div.the datepicker()をレンダリングすることができます

関連する問題