Tengo un botón en un cuadro en que se debe cambiar una ventana emergente. He puesto el data-container="body" así como también he probado con la versión de javascript.

Mi ventana emergente se parece a esto: (yo lo he hecho clic en el primer botón)

Bootstrap ventana emergente no está colocado correctamente, incluso con contenedor: 'cuerpo' set

Mi código del botón está aquí:

<button id="testsettracesBtn1" class="btn btn-large btn-danger" data-toggle="popover" title="" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A Title">Click to toggle popover</button>

Y aquí mi javascript:

<script type="text/javascript">
      $("#testsettracesBtn1").popover({ container: 'body'});
</script>

¿Cómo puedo lograr que mi ventana emergente a la derecha? (Y sí, tengo la nueva versión de bootstrap.)

Trate de añadir un jsfiddle.net a su pregunta. Y definir el bien. No está centrado en la media derecha suficiente? O es que actualmente en la parte superior?
He creado un JsFiddle, pero no se reproducen en jsfiddle: jsfiddle.net/x58uM/1. Con el derecho que me refiero: a la derecha del botón y centrada verticalmente en el botón.
Bueno, si el mismo código funciona en jsfiddle, pero no en su archivo, el problema es más probable fuera del código. JS incluyen la orden, tal vez? O tu CSS podría lanzar los estilos de apagado.
De acuerdo, muchas gracias. He encontrado mi problema. Es un select dentro de un lapso de tiempo. He utilizado este color en estados específicos. Mira aquí: jsfiddle.net/x58uM/2. ¿Tengo que pensar en otro tipo de «colorear» método o puedo seguir usando la insignia?
Eso es lo que un div se para 😉

OriginalEl autor philm5 | 2013-06-25

2 Comentarios

  1. 8

    Tuve el mismo problema, pero el origen del error fue que mi Bootstrap framework es obsoleta. He actualizado a la 2.3.2 y la container: 'body' atributo comenzó a trabajar.

    No me causó gran dolor de cabeza… hasta que me enteré que el problema no estaba en mi propio código!

    Ya esta resuelto para mí. Nuestra versión 2.2.2, así que sólo he copiado la descripción código de la 2.3.2 y ahora el contenido de:»cuerpo» de las obras.

    OriginalEl autor ktm5124

  2. 6

    Este extraño comportamiento se produce porque muchos select elementos dentro de mi mesa. No sé por qué? Acabo de cambiar el ancho de la ventana emergente para max-width, después de que el botón se hace clic. Con el ancho correcto también la flecha se coloca a la derecha:

    $(document).ready(function(){    
        $("[id^=kommentareBtn-]").popover({ container: 'body', placement: 'bottom', html: true });
    
        //this fixed my problem...
        $("[id^=kommentareBtn-]").click(function() {
          $(".popover").css("width", "276px");
        });
    });
    Mismo problema aquí: ventanas emergentes no están colocados correctamente, pero cuando me pre-asignar el width y height de ellos están colocados correctamente.
    Mi problema era que yo era la configuración de la ventana emergente con el título de jQuery programación después de la creación de la ventana emergente. Haciendo esto un poco antes se ha solucionado el problema.

    OriginalEl autor philm5

Dejar respuesta

Please enter your comment!
Please enter your name here