Note that there are some explanatory texts on larger screens.

plurals
  1. POAjax Bootstrap Popover: Object #<Object> has no method 'popover'
    text
    copied!<p>I'm trying to build an Ajax Bootstrap Popover to display a page that contains a rating star system.</p> <p>The javascript here work nice the first time. Then I have this error:</p> <blockquote> <p>Uncaught TypeError: Object # has no method 'popover' </p> </blockquote> <p>I'm not really good in jQuery, but I guess it seems to be due to the ajax call, but I can't find where the problem is.</p> <pre><code>$(".myRate") .popover({ offset: 10, trigger: 'manual', animate: false, html: true, placement: 'top', template: '&lt;div class="popover" onmouseover="$(this).mouseleave(function() {$(this).hide(); });"&gt;&lt;div class="arrow"&gt;&lt;/div&gt;&lt;div class="popover-inner"&gt;&lt;h3 class="popover-title"&gt;&lt;/h3&gt;&lt;div class="popover-content"&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;' }); $('.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'); } }); } </code></pre> <p>I don't get what I am doing wrong... Any idea ?</p> <p><strong>EDIT:</strong></p> <p>After searching, it seems that, it's the loaded pages which causes this error.</p> <p>Exactly this part:</p> <p>It seems that loading jquery-1.7.2.js make the bug because if I remove it, the error disapear. Problem: I can't delete it because without it jRating doesn't work anymore :/</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload