3

在下面的示例中,突出显示在单独的行中效果很好。在我的代码中,我可以看到单个行的选择有效,但是,实际突出显示不起作用。

我正在使用 Twitter Bootstrap 3 + 数据表。

http://datatables.net/release-datatables/examples/api/select_single_row.html

任何帮助,将不胜感激。我照原样遵循了这个例子,我想我可能没有在它的 init 中正确配置表格,或者 Bootstrap 不太喜欢突出显示。

   var oTable;

   $( document ).ready(function() {

        /* Add a click handler to the rows - this could be used as a callback */
        $("#pTable tbody tr").click( function( e ) {
            if ( $(this).hasClass('row_selected') ) {
                $(this).removeClass('row_selected');
            }
            else {
                oTable.$('tr.row_selected').removeClass('row_selected');
                $(this).addClass('row_selected');
            }
        });

        /* Add a click handler for the delete row */
        $('#deletePButton').click( function() {
            var anSelected = fnGetSelected( oTable );
            if ( anSelected.length !== 0 ) {
                oTable.fnDeleteRow( anSelected[0] );
            }
        });

        /* Init the table */
        oTable = $('#pTable').dataTable( );


        /* Get the rows which are currently selected */
        function fnGetSelected( oTableLocal )
        {
            return oTableLocal.$('tr.row_selected');
        }
     });

因此,如果我选择一行并删除一行,代码中引用的 deleteButton 将起作用。只是突出显示不起作用!

4

1 回答 1

3

您的表 ID 是“#pTable”吗?您是否尝试在该方法上添加调试停止,以确保选择器正常工作?

在引导以突出显示一行时,您必须使用此类之一

Class   Description
.active     Applies the hover color to a particular row or cell
.success    Indicates a successful or positive action
.warning    Indicates a warning that might need attention
.danger     Indicates a dangerous or potentially negative action

引导 3 表

于 2013-08-21T00:53:20.237 回答