添加類不工作

Question

您好我正在jQuery中動態創建一個表。我在這裏做的還是添加「可拖動的ui-widget」類，但它不影響/工作在我的桌子上。

var tab_title = $tab_title_input.val() || 'Tab '+tab_counter; 
     //alert(tab_title); 
     $tabs.tabs('add', '#tabs-'+tab_counter, tab_title);     

     var newTableDiv = $("<div />",{id: 'dialog'+tab_counter});   
     newTableDiv.appendTo("body");   
     alert("div appended to body"+" "+'dialog'+tab_counter); 
     //var newTable = $('<table id="myTable'+tab_counter+'" class="draggable" ></table>'); 
********************Class which i am adding in table but not working*********** 
     var newTable = $("<table />",{"class": "draggable ui-widget",id: 'myTable'+tab_counter,width: '100%',border: '0',cellspacing: '1px',cellpadding: '2px'});      
     newTable.appendTo('#dialog'+tab_counter);   
     alert('myTable'+tab_counter); 
     newTable.append('<thead class="ui-widget-header"><tr></tr></thead>'); 
     alert("Header Created"); 
     var thead = $('thead tr', newTable); 
     thead.append('<th><strong>Symbol</strong></th>'); 
     thead.append('<th><strong>Price</strong></th>'); 
     thead.append('<th><strong>Volume</strong></th>'); 
     thead.append('<th><strong>Buy</strong></th>'); 
     thead.append('<th><strong>Sell</strong></th>'); 
     alert("Header Created");    

究竟是我在這裏做錯了什麼。我對jquery非常陌生，仍然在努力。

Answer 1

其實你可以創建一個表中的jQuery非常簡單：

var table = "<table class='draggable ui-widget'>" + 
      "<thead><tr><th></th></tr></thead>"+ 
      "<tbody>"+ 
      "<tr><td></td></tr>"+ 
      "<tr><td></td></tr>"+ 
      "</tbody></table>"; 

然後通過(#divid).append(table); 其附加到你的DIV這應該工作，也實在是很容易的。