ハイライト検索テキストブートストラップテーブル

Question

私は私のアプリにjQueryプラグインを入れて、この行を追加してきました、私のアプリに検索テキストを強調表示して、私はthis topicを使用しているためjquery pluginを実装しようとしています：

$table.highlight($(".search.bs.table").val()); 

しかし、検索テキストはまだ強調表示されていません。私の間違いはどこですか？

plunker

コード：

function initTable() { 
    $table.bootstrapTable({ 
     filterControl: true, 
     //data: url, 
     //url: 'data/events.json', 
     height: getHeight(), 
     formatNoMatches: function() { 
      return "Please, choose your category"; 
     } 

    }); 

    // sometimes footer render error. 
    setTimeout(function() { 
     $table.bootstrapTable('resetView'); 
    }, 200); 
    $table.on('check.bs.table uncheck.bs.table ' + 
     'check-all.bs.table uncheck-all.bs.table', function() { 
     $remove.prop('disabled', !$table.bootstrapTable('getSelections').length); 
     // save your data, here just save the current page 
     selections = getIdSelections(); 
     // push or splice the selections if you want to save all data selections 
    }); 
    $table.on('all.bs.table', function (e, name, args) { 
     console.log(name, args); 
    }); 
    $table.highlight($(".search.bs.table").val()); 

    $table.on('search.bs.table', function (e, text){ 

     "use strict"; 
     console.log(e); 
     console.log(text); 
    }); 
    $remove.click(function() { 
     var ids = getIdSelections(); 
     $table.bootstrapTable('remove', { 
      field: 'id', 
      values: ids 
     }); 
     $remove.prop('disabled', true); 
    }); 
    $(window).resize(function() { 
     $table.bootstrapTable('resetView', { 
      //height: getHeight() 
     }); 
    }); 
} 

Answer 1

私はそれが右のコードの下 をどのように動作するか、把握（inittableの内側にこのコードを置く）：

$table.highlight($(".search.bs.table").val()); 

$table.on('search.bs.table', function (e, text){ 

    $table.highlight(text); 
    console.log(e); 
    console.log(text); 
}); 

CSS：

.highlight {background-color: yellow}