0

Estoy tratando de usar Select2 para mi pagina, puse en el <head> los respectivos links y llamé a Select2, pero no funciona.

Abrí el inspector del navegador y me aparece esto

introducir la descripción de la imagen aquí

Adjunto los enlaces que puse dentro del <head>

<!--cdn de select2-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
1
  • Pon el código y los mensajes de error como texto, incluyendo un ejemplo mínimo y verificable, así podremos hacer pruebas y ayudarte a resolver el problema. Pulsa en editar para completar la pregunta.
    – A. Cedano
    Commented el 8 abr. 2021 a las 14:31

1 respuesta 1

2

el problema es que NO VEO JQUERY. estás llamando a Select2, que es una librería de Jquery, y si no llamas primero a Jquery entonces Select2 no se ejecutará correctamente.

¿Cómo solucionarlo?

1- Como observación, no es recomendable poner los scripts en el <head> puesto que tu página no se mostraría (renderizarse) correctamente hasta que los scripts se hayan cargado. Lo recomendable es ponerlos al final del código pero antes del </body>. Lo que sí deberías poner es el .css es decir:

<head>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
</head>

2- Poner correctamente los scripts:

<!--PRIMERO LLAMAMOS A JQUERY-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!--LUEGO A SELECT2-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>

Y listo, eso debería solucionar tu problema.

1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.