2014-02-07 64 views
0

我的HTML talbe如下日期選取器不使用的附加DIV工作後()

<table width='1200' border='0' cellspacing='0' cellpadding='0'> 
    <tr> 
    <td>Date</td> 
    <td> 
    <li class='demo'><div class='box'> 
      <input type='text' id='from-input' maxlength='10'> 
      </div> 
      <div class='code-box' style='display:none;'> 
      <pre class='code prettyprint'> 
$('#from-input').multiDatesPicker(); 
          </pre> 
         </div> 
        </li></td> 
    </tr> 
</table> 

我的jQuery腳本如下。

$(document).ready(function(){ 
     var counter =2; 
     $("#addButton2").click(function() { 

    var newTextBoxDiv2 = $(document.createElement('div')).attr("id", 'TextBoxDiv2' + counter2); 

    newTextBoxDiv2.after().html('<table width='1200' border='0' cellspacing='0' cellpadding='0'><tr><td>Date</td><td><li class='demo'><div class='box'><input type='text' id='from-input'+counter+'' maxlength='10'></div><div class='code-box' style='display:none;'><pre class='code prettyprint'>$('#from-input'+counter+'').multiDatesPicker();</pre></div></li></td></tr></table>'); 

newTextBoxDiv2.appendTo("#TextBoxesGroup2"); 
    counter++; 
    }); 

A鍵<input type='button' value='Add' id='addButton2'>,當單擊該按鈕的HTML頁面的相同副本追加到html頁面一個div。 Thera是一個輸入字段,其id爲from-input,在html頁面中有一個jquery函數$('#from-input').multiDatesPicker();。通過在每次點擊時查看counter來更改ID輸入。生成的值類似於-input2,from-input3,from-input4等等。這是日期選擇器。 日期選取器不適用於生成的附加表格onclick。任何幫助將是appreciated.Thank您

回答

1

首先你的代碼是很少的問題,任何方式試試這個,

的jsfiddle Example

$(function() { 
    var counter =2; 
     $("#addButton2").click(function() { 

    var newTextBoxDiv2 = $(document.createElement('div')).attr("id", 'TextBoxDiv2' + counter); 

    newTextBoxDiv2.after().html("<table width='1200' border='0' cellspacing='0' cellpadding='0'><tr><td>Date</td><td><li class='demo'><div class='box'><input class='multi' type='text' id='from-input_"+counter+"' maxlength='10'></div><div class='code-box' style='display:none;'>$('#from-input').multiDatesPicker();<pre class='code prettyprint'></pre></div></li></td></tr></table>"); 

newTextBoxDiv2.appendTo("#TextBoxesGroup2"); 
      $("#from-input_"+counter).multiDatesPicker(); 
    counter++; 

    }); 

    }); 
+0

大..解決我的問題.. Thanku – Arvie

+0

你檢查這解決方案在IE中? –

+0

@ jagdish.narkar是的,它爲我的IE完美工作。 – dhana