2

私は野心的になり、flexigridに検索ボックスを追加しようとしています... flexigridスクリプトを詳しく調べて、検索要素が追加されている場所を見つけました。次に、以下のように独自の入力フィールドを追加しました。

$(g.sDiv).append("<input type='text' value='' size='30' name='fromDate' id='datepicker' class='qsbox datepicker' />");

g.sDivは、スクリプトの前半で次のように作成された変数です。

g.sDiv = document.createElement('div');

これはdivを作成し、それにアイテムを追加できると思います。

私はうまくいかないが、いくつかのこと。次の要素を追加すると、次のようになります。

$(g.sDiv).append("<div id = 'customSearch'></div>");

(これは正しくレンダリングされます)次に、次を使用してそのdivに追加しようとします。

$('#customSearch').append("<input type='text' value='' size='30' name='fromDate' id='datepicker' class='qsbox datepicker' />");

入力ボックスはページに追加されません。

この方法が機能しないのはなぜですか?

また、入力ボックスを作成したら、datepickeruiを追加します。動的に作成されたアイテムに対してこれを行うにはどうすればよいですか。要素が作成されたと思われる後、次のコード行を追加してみました。

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

しかし、これは機能しません。

アイテムの追加で何が欠けているのか、そして追加された後、最終入力に日付ピッカーを追加するにはどうすればよいですか。

4

1 に答える 1

5

g.sDivセレクターが要素を見つけるには、最初にドキュメントに追加する必要が$('#customSearch')あります。そうしないと、要素はまだドキュメントの一部ではないため、を使用して見つけることができませんdocument.getElementById()

$("body").append(g.sDiv);
$("#customSearch").doSomething();
于 2013-01-16T22:00:22.330 に答える