在jquery中使用jquery插件

-2

我想在jQuery代碼中使用jQuery插件。該插件用於過濾表格數據。插件的演示可以找到here。在jquery中使用jquery插件

現在，我想使用插件與jQuery中創建的表。我試圖用addClass()方法和attr()方法添加插件。但它不起作用。我不知道如何在我的代碼中使用插件。

<script> 
$('#filter_table').append('<table>').addClass("js-dynamitable").append('<thead>'); 

    for(i=0;i<2;i++) 
    { 
     $('#filter_table').append('<tr>'); 
     if(i==0) 
     { 
      $('#filter_table').append('<th style="color: red;"> Name <span class="js-sorter-desc"></span> <span class="js-sorter-asc"></span> </th>'); 
      $('#filter_table').append('<th style="color: red;"> Email <span class="js-sorter-desc"></span> <span class="js-sorter-asc"></span> </th>'); 
      $('#filter_table').append('<th style="color: red;"> Age <span class="js-sorter-desc"></span> <span class="js-sorter-asc"></span></th>'); 
     } 
     else if(i==1) 
     { 
      $('#filter_table').append('<th> <input>').attr('class','js-filter'); 
      $('#filter_table').append('</th>'); 
      $('#filter_table').append('<th> <select class="js-filter"> <option value=""></option> <option value="@gmail.com">Gmail</option> <option value="@yahoo.com">Yahoo</option> <option value="@rediff.com">Rediff</option> </select></th>'); 
      $('#filter_table').append('<th> <input class="js-filter" type="text" value=""> </th>'); 
     } 
     $('#filter_table').append('</tr>'); 
    } 
    $('#filter_table').append('</thead> <tbody>'); 
    for(i=0;i<2;i++) 
    { 
     $('#filter_table').append('<tr>'); 

     { 
      $('#filter_table').append('<td> Rohit </td>'); 
      $('#filter_table').append('<td> [email protected] </td>'); 
      $('#filter_table').append('<td> 18 </td>'); 
     } 
     $('#filter_table').append('</tr>'); 
     $('#filter_table').append('<tr>'); 
     { 
      $('#filter_table').append('<td> Ryan </td>'); 
      $('#filter_table').append('<td> [email protected] </td>'); 
      $('#filter_table').append('<td> 32 </td>'); 
     } 
     $('#filter_table').append('</tr>'); 
    } 
    $('#filter_table').append('</tbody></table>'); 
    </script>

來源

2017-02-22 Priya

我的猜測是插件沒有看到動態添加類。但我也沒有打擾看插件文檔/來源。 –

我在**「$（'＃filter_table'）中添加了」js-filter「class。append（''）.attr（'class'，'js-filter'）; **。我想添加該類輸入標籤，但它已被添加到「filter_table」。你能告訴我如何添加一個類到一個特定的標籤嗎？ – Priya

你使用addclass方法添加一個類到標籤......這與什麼是不相關的我在說，對於我所知道的插件可能正在尋找dom準備好的課程，然後再也沒有這樣做。 –

-1

嘗試的

$('#filter_table').append('<table><thead>'); 
$('#filter_table').addClass("js-dynamitable");

代替

$('#filter_table').append('<table>').addClass("js-dynamitable").append('<thead>')

來源

2017-02-22 12:58:09

它不起作用 – Priya

在jquery中使用jquery插件

回答

相關問題