Pequeño problema con mi buscador instanstaneo

[octavioxd]

Hola a todos   de nuevo vengo a romperle los huevos con otro problema miren lo que me paso hice un buscador instantaneo con jquery funciona todo perfecto pero aqui radica el problema una vez que escribo en el textbox y carga carga todo perfecto PERO SOLO FUNCIONA UNA VEZ... ES DECIR SOLO ME PERMITE REALIZAR UNA BUQUEDA CUANDO OPRIMO OTRA TECLA NO REALIZA NINGUNA ACCION esto se debe solamente cuando le pongo la funcion show_post_css(); que es la encargada de darle el estilo a lo que se carga automaticamente pero si no inserto esa funcion anda todo de 10 por que sera??? es algo muy extraño
aca les dejo el codigo...

Código (javascript) [Seleccionar] Expandir


  $("#query").keyup(function(){
   setTimeout(search_load_data,300)
function search_load_data(){
show_post_css();
$("#maincontainer").empty()
   $("#maincontainer").load("includes/search.php" + "?query=" + escape($("#query").val()))
   }


la funcion show_post_css contiene esto

Código (javascript) [Seleccionar] Expandir

var show_post_css = function(){
        // Show post Color
    $('.show_posts_maincontainer:even').css({"background-color":"#EEEEEE"});
    // Show Posts hover
    $(".show_posts_maincontainer").hover(function(){
    $(this).css({"background-color":"#D2E3FB"});},
    function(){
        $(".show_posts_maincontainer:odd").css({"background-color":"white"});
        $(".show_posts_maincontainer:even").css({"background-color":"#EEEEEE"});
    });
    };


Espero que lo resuelvann......

[bomba1990]

yo conozco un poco sobre el tema pero creo que seria mejor si pones la pagina para robar y decirte. de todas maneras comprueba si no hay un error al ejecutar esa funcion.

[Shell Root]

Organizando un poco el código quedaría así. No se JQuery, pero,

Código (javascript) [Seleccionar] Expandir

$("#query").keyup(function(){
  setTimeout(search_load_data,300);
  function search_load_data(){
     show_post_css();
     $("#maincontainer").empty();
     $("#maincontainer").load("includes/search.php?query=" + escape($("#query").val()));
  }
}

Código (javascript) [Seleccionar] Expandir

var show_post_css = function(){
  $('.show_posts_maincontainer:even').css( {"background-color":"#EEEEEE"} );
  $(".show_posts_maincontainer").hover(function(){
        $(this).css( {"background-color":"#D2E3FB"} );
     },function(){
        $(".show_posts_maincontainer:odd").css( {"background-color":"white"} );
        $(".show_posts_maincontainer:even").css( {"background-color":"#EEEEEE"} );
     }
  );
}

[Nakp]

agrega las reglas a tu archivo css, elimina la funcion del codigo y cuando cargues algo, deberia utilizar el estilo definido en tu archivo

[bizco]

aparte de lo que te comento Nakp, ya que usas jquery usa addClass y ocupara menos lineas la funcion.