0

さて、私はこのページを作成しています。ナビゲーション パネルはシンプルです。リンク名に従ってリンクをクリックすると、html がコンテンツ領域に追加されます。このセクションの追加スクリプトは次のとおりです。

したがって、私の目標は、入力ボックスがIDのdatepickerである場所であり、jQueryのjQueryUI datepicker関数を使用しようとしています.appendメソッドではなく、実際のBODYで通常の入力ボックスをテストしましたが、問題なく動作します.シングルとダブルの引用符、' と "

どうすればこの問題を解決できますか?

 else if (this.id == "tour"){

        $("#content").empty();

        $("#content").append("<p>\

            <h2> Add Tour Dates </h2>\

            <form action='tourdates.php' method='post'>\

            <input type='text' name='title' placeholder='Title' id='title'>\

            <input type='text' name='venueName' placeholder='Vanue Name' id='venueName'>\

            <input type='text' name='venueStreetAdress' placeholder='Location Street Adress' id='venueStreetAdress'>\

            <input type='text' name='venueCity' placeholder='City' id='venueCity'>\

        <input type='text' name='venueState' placeholder='State' id='venueState'>\

            <input type='text' name='venueZip' placeholder='Postal Code' id='venueZip'>\

            <input type='text' name='datepicker' id='datepicker'>\

            <input type='text' name='time' placeholder='Time' id='time'> </p>\

            ");
4

1 に答える 1

1

引用符に何か関係があると強く感じている場合は、問題を絞り込むようにしてください。これを別の変数に入れて、そこに参照を作成しようとしましたか?

var htmlStuff = "<p>\
    <h2> Add Tour Dates </h2>\...";
$("#content").append(htmlStuff);

しかし、あなたの問題は二重/一重引用符に関連しているとは思いませんが、HTML を追加するリンクを設定し、コンポーネントが DOM に存在する前に UI ウィジェットを割り当てようとする非同期操作に関係しています。

これはコードの可読性にとって非常に悪いと思いますが、追加の直後に DatePicker (「callBack」など) を定義する関数への別の呼び出しを追加することも 1 つのオプションです。それはうまくいくはずです、例えば：

$('something').append(" <html stuff> ").defineDatePicker();

function defineDatePicker(){
    $('one of the elements within that html stuff').datepicker();
}
于 2012-12-18T09:40:30.037 に答える