javascript - una - vincular facebook con twitter

¿Función de devolución de llamada después de que se haya creado información sobre herramientas/ventana emergente con el inicio de Twitter?

Question

Quiero manipular una información sobre herramientas o una ventana emergente después de que se haya creado con el programa de arranque de Twitter. Por lo que sé, no hay una forma de hacer esto.

$(''#selector'').popover({
  placement: ''bottom''
});

Por ejemplo, digamos que quiero mover la descripción de la herramienta creada 5px y 5px a la izquierda desde su ubicación calculada. ¿Alguna idea sobre la mejor manera de hacer esto?

Esto es lo que me gustaría hacer:

$(''#selector'').popover({
  placement: ''bottom'',
  callback: function(){
    alert(''Awesome'');
  }
});

Answer 1

Esta respuesta se publicó solo para aclarar las cosas según lo solicitado por el fabricante y contiene el código del comentario de Márquez.

Primero, extienda la ventana emergente de Bootstrap para manejar una opción de callback .

var tmp = $.fn.popover.Constructor.prototype.show;
$.fn.popover.Constructor.prototype.show = function() {
    tmp.call(this); if (this.options.callback) {
        this.options.callback();
    }
}

Luego agrega una propiedad de callback a su objeto de opción y la asigna con una función anónima.

$(''#popover-foo'').popover({
    content: ''Hello world'',
    callback: function () {
        alert(''Hello'');
    }
});

Answer 2

Otra solución:

1. Utilice los escuchas show.bs.popover o shown.bs.popover

2. En la devolución de llamada, los datos de eventos ''mostrados'' se vinculan al objetivo que contiene el ID de ventana emergente, desde aquí puede hacer el resto

   $(''body'')
   .popover(options)
   .on(''shown.bs.popover'', function(shownEvent) {
           update_popover_data(shownEvent);
   });

Función de devolución de llamada:

    function update_popover_data(shownEvent) {
         var id = $(shownEvent.target).attr(''aria-describedby'');
         $(''#''+id).html(''Your New Popover Content'');
    }

Answer 3

Tal vez esto no estaba disponible cuando se dieron las respuestas anteriores, pero a partir de 2016, puede adjuntar eventos a ventanas emergentes (funcionalmente equivalente a una devolución de llamada).

p.ej

$(''#myPopover'').on(''shown.bs.popover'', function () {
  // do something…
})

Los eventos incluyen:

• show.bs.popover
• shown.bs.popover
• hide.bs.popover
• hidden.bs.popover
• insertado.bs.popover

Ref. Bootstrap docs

Answer 4

Trabajos para información sobre herramientas:

var tmp = $.fn.tooltip.Constructor.prototype.show;
$.fn.tooltip.Constructor.prototype.show = function () {
  tmp.call(this);
  if (this.options.callback) {
    this.options.callback();
  }
}

this.$(''#selector'').tooltip({ 
  placement: ''top'', 
  callback: function() { 
    alert(''hello'') 
  } 
});