Ajax Bootstrap Popover: Objeto # <Object> no tiene el método 'popover'

Question

Estoy intentando construir un Ajax Bootstrap Popover para mostrar una página que contiene un sistema de clasificación.

El javascript funciona bien aquí la primera vez. entonces tengo este error:

Uncaught TypeError: Object # has no method 'popover'

No soy muy bueno en jQuery, pero supongo que parece ser debido a la llamada AJAX, pero no puedo encontrar dónde está el problema.

$(".myRate") 
     .popover({ 
      offset: 10, 
      trigger: 'manual', 
      animate: false, 
      html: true, 
      placement: 'top', 
      template: '<div class="popover" onmouseover="$(this).mouseleave(function() {$(this).hide(); });"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>' 

     }); 
$('.myRate').mouseenter(popoverDisplay); 

popoverDisplay = function() { 
var el = $(this); 
var _data = el.attr('alt'); 
$.ajax({ 
    type: 'GET', 
    url: 'notes.php', 
    data: _data, 
    cache: false, 
    dataType: 'html', 
    success: function(data) { 
     el.attr('data-content', data); 
     el.popover('show'); 
    } 
    }); 
} 

que no entiendo lo que estoy haciendo mal ... Alguna idea?

EDIT:

Después de buscar, parece que, son las páginas cargadas que provoca este error.

Exactamente esta parte:

Parece que la carga jquery-1.7.2.js hacen el error, porque si lo quito, la disapear error. Problema: No se puede eliminar porque sin ella jRating ya no funciona:/

Answer 1

Tuve este problema después de ejecutar el generador de bootsrip de Twitter de rieles, luego cambiar a bootstrap-sass.

Se originó por una colisión de nombre de archivo porque boostrap-sass hace referencia a bootstrap.js en lugar de a twitter/bootstrap, lo que entra en conflicto con el archivo generado.

Simplemente cambie el nombre de la aplicación/assets/javascripts/bootstrap.js.coffee generada a otra cosa, p. Ej., App/assets/javascripts/bootstrap_and_overrides.js.coffee, y listo.

Answer 2

Puede boostrap.js de uso o de arranque (-popover.js y de arranque-tooltip.js)

Pero no ambos porque si usas ambos. Usted obtener Uncaught TypeError: Object # has no method 'popover'

Answer 3

tuve este problema porque yo estaba tratando de utilizar el jQuery de arranque al mismo tiempo que la importación de jQuery googleapis (como se dice en http://railscasts.com/episodes/205-unobtrusive-javascript) si está usando arranque, tendrá jQuery

Answer 4

tuve el mismo problema. es posible que esté cargando jquery DESPUÉS de cargar bootstrap.js. por alguna razón, la secuencia es importante

</footer> 
<script src="<?php echo "http://".$_SERVER['HTTP_HOST']. $_SERVER['REQUEST_URI']."assets/bootstrap/js/jquery-1.7.1.min.js" ;?>"></script> 
<script src="<?php echo "http://".$_SERVER['HTTP_HOST']. $_SERVER['REQUEST_URI']."assets/bootstrap/js/bootstrap.js" ;?>"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    create_project_form=$('form#create_project_form'); 
    $('button#create_project_button').popover({title:'New Project',content:create_project_form}); 
}); 
</script> 
</body> 
</html> 

cargando jquery before bootstrap hizo el trabajo por mí. espero que ayude

Answer 5

Tuve el mismo problema. Estaba preparando jquery.js dos veces ... ... narf

Answer 6

supongo que está utilizando rails, por lo que podría venir de que assets/vendor/jquery se carga después assets/vendor/bootstrap, ya que el orden de carga es alfabético. Por lo tanto, puede cambiar el nombre del archivo bootstrap para que se ajuste al orden de carga correcto.Experimenté ese problema e hizo el truco