0

Tengo un problema con un formulario de registro que estoy programando en PHP + jQuery + HTML + Bootstrap. Estoy utilizando la plantilla de bootstrap y el control selectpicker de bootstrap-select. Hasta hace unos días estaba funcionando todo bien... De repente, para cargar los selectpicker desde una petición AJAX me salta un error en la consola del navegador:

Uncaught TypeError: $(...).selectpicker is not a function(…)

La petición de AJAX está bien, ya que entra en el success. El problema es cuando quiero cargar el response de la petición en el selectpicker:

$.ajax({
    type: "POST",
    url: "controller.php",
    data: {
        accion: function() {return "cargarDeptos";} 
    },
   success: function(response) {
        $('#cboDeptos').html(response).fadeIn();
        $('#cboDeptos').selectpicker('refresh');
    }
});

En el principio del archivo hago una referencia a los archivos js y css correspondientes en el siguiente orden:

<script type="text/javascript" src="../resources/js/jquery.js"></script>
<script type="text/javascript" src="../resources/js/bootstrap.js"></script>
<script type="text/javascript" src="../resources/js/bootstrap-select.js"></script>
<script type="text/javascript" src="../resources/js/utils.js"></script>
<script type="text/javascript" src="../resources/js/numeric.js"></script>
<script type="text/javascript" src="../resources/js/validate.js"></script>
<link rel="stylesheet" type="text/css" href="../resources/css/modal-login.css"> 
<link rel="stylesheet" type="text/css" href="../resources/css/bootstrap.css">    
<link rel="stylesheet" type="text/css" href="../resources/css/bootstrap-theme.css">
<link rel="stylesheet" type="text/css" href="../resources/css/login.css">
<link rel="stylesheet" type="text/css" href="../resources/css/bootstrap-select.css">    

Lo raro de todo esto es que si yo cargo anteriormente una página llamada home.php, que también utiliza jQuery, y luego voy al formulario que me da problemas si funciona todo bien, pero recargo la página de registro y vuelve a aparecer el problema. Parece como si por un momento se quedara cargado jQuery, pero al reiniciar desaparece.

2
  • trata de utilizar esto $('#cboDeptos').selectpicker('render').selectpicker('refresh');
    – cignius
    el 12 nov. 2016 a las 4:11
  • Gracias por responder!! pero no me funciono eso! el 13 nov. 2016 a las 3:11

2 respuestas 2

1

¿Estás seguro de que tu código se está ejecutando después de haber cargado el plugin?

Quiero decir, que sea algo como esto (por ejemplo):

$(document).ready(function(){
    $.ajax({
        type: "POST",
        url: "controller.php",
        data: {
            accion: function() {return "cargarDeptos";} 
        },
        success: function(response) {
            $('#cboDeptos').html(response).fadeIn();
            $('#cboDeptos').selectpicker('refresh');
        }
    });
});

Lo que puede estar pasando es que al momento de ejecutar el AJAX, no está listo el plugin, y por ende, te dice que selectpicker no está definido.

0

Es posible que de algún modo se esté cargado jQuery dos veces? una antes de cargar el plugin y otra después? en ocasiones si esto pasa te puede des-registrar los plugins.

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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