Cómo hacer que Twitter bootstrap .popover funcione dentro de un evento .submit [cerrado]

Estoy tratando de hacer que .popover de twitter bootstrap funcione dentro de un evento .submit jquery pero no sucede nada después de hacer clic en el botón enviar en mi formulario. Estoy cambiando el atributo "rel" de un campo de entrada para que cuando el usuario haga clic en el botón Enviar, se agregue una ventana emergente a ese campo. El popover aparece si lo hago de la forma habitual de configurar el atributo rel antes de que se cargue la página.

Aquí está el campo de entrada:

<label class="control-label" for="input-name" id="input_name_label">Name *</label>
        <div class="controls">
            <input rel="" data-original-title="Title" data-content="Random Text" type="text" class="span3" name="name" id="input-name">
        </div>

y aquí está la función jquery:

<script>
    $("#project_form").submit(function(e) {
            for(i=0;i< $("label").length;i++){
                    var str=$("label").eq(i).text();
                    if(str.charAt(str.length-1)=="*"){
                            $("label").eq(i).attr('rel','popover');
                            console.log($("label").get(i));
                            e.preventDefault();
                            $('input[rel="popover"]').popover('show');
                    }
                    console.log(str.charAt(str.length-1));
            }
            $("#preferences").val($("#sortable").sortable('toArray'));
    });
    </script>

La función encuentra etiquetas con un * como último carácter y se supone que les asigna un evento emergente. Gracias por tu ayuda.

preguntado el 12 de junio de 12 a las 16:06

2 Respuestas

El problema era que estaba asignando un atributo rel al campo de etiqueta en lugar del campo de entrada. Yay errores básicos de programación.

Respondido el 12 de junio de 12 a las 16:06

Una vez que haces el rel="popover", debe adjuntarle el controlador activando:

$('[rel="popover"]').tooltip();

¡Espero que esto ayude! :)

Respondido el 12 de junio de 12 a las 16:06

Desafortunadamente, nada cambió cuando probé eso. - Vendedores de Gavin

Puedes publicar un Violín? ¡También tiene soporte para Twitter bootstrap! - Praveen Kumar Purushothaman

Por alguna razón, no puedo acceder al sitio de violín en este momento en Chrome o Firefox. - Vendedores de Gavin

Oye... ¿Por casualidad no diste el atributo data-original-title? - Praveen Kumar Purushothaman

Bueno, está en el html, no en la función javascript. Sin embargo, descubrí que el problema tiene que ver con la asignación del atributo rel. Está asignado pero el popover no se inicializa a menos que esté asignado en el html. - Vendedores de Gavin

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.