[SOLUCIONADO] No puedo ejecutar 2 scripts en la misma página

[byrong]

Tengo un slider llamado bxslider y para usarlo obviamente tiene un código javascript, pero también tengo un autocompletar y en el index de mi página funciona perfecto el autocompletar pero cuando voy a otra página y se tiene que ejecutar el slider y el autocompletar no me funciona el autocompletar, el código es el siguiente:

BXSLIDER:

Código PHP:

<script type="text/javascript">
 
$('document').ready(function(){
 
$('.bxslider').bxSlider({
  adaptiveHeight: true,
  mode: 'fade',
  auto: true,
  autoControls: true
});
});
 
</script>
 

El autocompletar:

Código PHP:

  <script type="text/javascript">
$('document').ready(function(){
    $("#search").keyup(function(e){
    var tecla = e.keyCode || e.which;
    if (tecla != 13){
        if ($("#response").css("display") != "none"){
            $("#response").slideUp();
                }
        }
}).autocomplete({
    minLength: 1,
    source: "/include/class.php",
    select: function (event, object){
        $("#response h1").html(object.item.value);
        $("#response h1").html(object.item.nombrenormal);
        $("#response").slideDown();
    }
}).data("ui-autocomplete")._renderItem = function (ul, item){
    return $("<li></li>")
        .append("<a class= buscabusca ><div id = buscador><label class = nombre value = '"+ item.value +"'>" + item.nombrenormal + "</label></div></a>")
        .appendTo(ul);
};
});
 
</script> 
  

Y otra cosa que pasa es que tengo que colocar los archivos necesarios para el bxslider, después de el script en el head, porque si lo pongo antes no me funciona ninguno de los dos, es decir:

Código Javascript:

//ACÁ ARRIBA ESTÁN LOS DOS SCRIPTS QUE COLOQUE ANTERIORMENTE, Y SI ESTO NO VA ABAJO NO ME CORRE EL SLIDER
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <link type="text/css" rel="stylesheet" href="/css/jquery.bxslider.css">
    <script src="/js/jquery.bxslider.min.js"></script>
 

Gracias.

[xfxstudios]

prueba asi:

Código Javascript:

var X = jQuery.noConfict();
 
X('document').ready(function(){ 
   X("#search").keyup(function(e){ 
    var tecla = e.keyCode || e.which; 
    if (tecla != 13){ 
        if (X("#response").css("display") != "none"){ 
            X("#response").slideUp(); 
                } 
        } 
}).autocomplete({ 
    minLength: 1, 
    source: "/include/class.php", 
    select: function (event, object){ 
        X("#response h1").html(object.item.value); 
        X("#response h1").html(object.item.nombrenormal); 
        X("#response").slideDown(); 
    } 
}).data("ui-autocomplete")._renderItem = function (ul, item){ 
    return X("<li></li>") 
        .append("<a class= buscabusca ><div id = buscador><label class = nombre value = '"+ item.value +"'>" + item.nombrenormal + "</label></div></a>") 
        .appendTo(ul); 
}; 
});
 

[byrong]

Trate con eso y no me funciona ni en donde están los dos juntos ni en el index que es donde no me genera error..

[Alexis88]

Ese código del autocompletado se me hace muy familiar.

Fíjate en el mensaje que se muestra en la consola del navegador (pulsa F12 y ejecuta el proceso).

[byrong]

Iniciado por Alexis88

Ese código del autocompletado se me hace muy familiar.

Fíjate en el mensaje que se muestra en la consola del navegador (pulsa F12 y ejecuta el proceso).

Jajaja

Gracias a los dos, el problema era que se ejecutaba la librería de JQuery dos veces (Tenía el 2 y el 1.8). Ya lo solucione