Twitter Bootstrap Row Filter / Suchfeld
Ich habe Probleme, ein Tutorial zum Erstellen einer einfachen Suchabfrage oder eines Zeilenfilters für Twitter Bootstrap zu finden. Ich habe viele ausprobiert, bin mir nicht sicher, ob ich etwas falsch mache oder die Plugins nicht mit Bootstrap kompatibel sind. Bitte helfen Sie, wenn Sie können.
Ich habe es versucht:
$(document).ready(function() {
//Declare the custom selector 'containsIgnoreCase'.
$.expr[':'].containsIgnoreCase = function(n,i,m){
return jQuery(n).text().toUpperCase().indexOf(m[3].toUpperCase())>=0;
};
$("#search").keyup(function(){
$("#tabela").find("tr").hide();
var data = this.value.split(" ");
var jo = $("#tabela").find("tr");
$.each(data, function(i, v){
//Use the new containsIgnoreCase function instead
jo = jo.filter("*:containsIgnoreCase('"+v+"')");
});
jo.show();
}).focus(function(){
this.value="";
$(this).css({"color":"black"});
$(this).unbind('focus');
}).css({"color":"#C0C0C0"});
});
Nichts damit ... Vielleicht fehlt mir eine "ID" auf meinem Tisch oder meinem Suchfeld, ich bin neu darin.