Question

通过列按钮调用切换功能时，我将通过取消选中列名来为父div中的列应用隐藏样式。如果我通过文本框调用keyup函数意味着append函数加载没有hide风格的数据。请在加载父div的数据后帮助如何应用隐藏样式。

 $(this).is(":checked") ? $("#tbl_tasks .tbcol"+id).css("display","table-cell") : $("#tbl_tasks .tbcol"+id).css("display","none");

这里我隐藏了列，但数据在调用表加载函数后没有隐藏。

Answer 1

将此添加到您的表加载函数...

$( ".view_column_list input[type=checkbox]" ).each( function( e ) {
    var id = $( this ).val();
    $( this ).is( ":checked" ) ? $( "#tbl_tasks .tbcol" + id ).css( "display", "table-cell" ) : $( "#tbl_tasks .tbcol" + id ).css( "display", "none" );
} )

它只是重新使用你的隐藏逻辑，但不会在更改事件上调用，而是遍历所选的复选框。

此处更新了小提琴：http://jsfiddle.net/TUNAP/21/

Jquery使用toggle事件追加函数

1 个答案: