jQueryでdatepickerを利用しようと思っています。

下記の通りにhtmlで書いてブラウザで開くと、
テキストボックスをクリックしたところでdatepickerが現れて正しく操作する事ができます。
これをinnerHTMLで動的に実現したいのですが上手く行きません。

【成功例】
<script type="text/javascript">
$(function() {
$("#pickdate").datepicker({
showButtonPanel: true,
minDate:0
});
</javascript>

:

<div><input type=text id=pickdate></div>



【動かない例】
<script type="text/javascript">
$(function() {
$("#pickdate").datepicker({
showButtonPanel: true,
minDate:0
});

function test(){
var input_tex = '<div><input type=text id=pickdate></div>';
document.getElementById("embed").innerHTML = input_tex;
}

</javascript>

:

<SPAN ID="embed"></SPAN>
<input type=button onclick="test()">




配置したボタンをクリックするとdatepickerを呼び出すテキストボックスが動的に挿入されます。
しかし、テキストボックスをクリックしてもdatepickerがでてきません。
つまり、HTMLに直打ちしたときには上手く動作するのに
innerHTMLで動的に挿入したHTMLを実行しようとすると上手く実行できません。

innerHTMLで挿入したHTMLではidを評価しないのでは?と思っています。
ご教示下さい。

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する

みんなの回答

この質問へのコメント

この質問への反応(ブックマークコメント)

質問の情報

登録日時
2011-03-18 21:41:55
終了日時
2011-03-18 22:52:14
回答条件
1人1回まで

この質問のカテゴリ

この質問に含まれるキーワード

jQuery742ブラウザ4012HTML5036

人気の質問

メニュー

PC版