2012-12-18 82 views
0

好吧,所以我有這個頁面即時製作,導航面板很簡單,當我點擊一個鏈接根據鏈接名稱附加HTML到內容區域,這裏是這個附加腳本部分jQueryUI datepicker問題在追加方法

所以我的目標是輸入框是ID datepicker im試圖從jQuery使用jQueryUI datepicker函數,我測試了實際BODY中的常規輸入框,而不是通過append方法,它工作正常,我的問題是即時猜測單VS雙qoutation商標中,「VS」

我怎樣才能解決這個問題呢?

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>\ 

      "); 

回答

1

如果您有強烈的感覺,認爲這與您的引號有關,請嘗試縮小問題的範圍:您是否嘗試將其放入一個單獨的變量中,並在那裏進行引用?

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

但我不認爲你的問題是關係到雙/單引號,但與建立鏈路追加HTML和嘗試分配的UI控件的異步操作在DOM之前存在的組件。

儘管我覺得代碼的可讀性非常糟糕,但一種選擇是在追加後立即將另一個調用附加到定義DatePicker的函數(如「callBack」)。它應該工作,如:

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

function defineDatePicker(){ 
    $('one of the elements within that html stuff').datepicker(); 
} 
+0

即時通訊將嘗試添加我的HTML以不同的方式,通過體內的hiddin股利和調用一個函數來顯示div的內部HTML,但我會努力你的方法,以及看看它如何發揮出來,並儘快找回你。非常感謝您的協助! –

+0

只是一個更新,你的答案解決了我的問題,如果我用我的原始方法追加,但我現在想出了一個新的更好的方式來追加東西,所以我不會使用這種方法,我會回來以後,發佈一個鏈接到我的新的追加方法,當完善它。感謝您的幫助@theMarceloR –