Я пытаюсь создать всплывающее окно Ajax Bootstrap для отображения страницы, содержащей звездную систему рейтинга.
JavaScript здесь работает хорошо с первого раза. Тогда у меня есть эта ошибка:
Uncaught TypeError: Object # has no method 'popover'
Я не очень хорошо разбираюсь в jQuery, но я думаю, что это связано с вызовом ajax, но я не могу найти, в чем проблема.
$(".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');
}
});
}
Я не понимаю, что я делаю неправильно... Есть идеи ?
РЕДАКТИРОВАТЬ:
После поиска кажется, что эта ошибка возникает из-за загруженных страниц.
Именно эта часть:
Кажется, что загрузка jquery -1.7.2.js вызывает ошибку, потому что, если я ее уберу, ошибка исчезнет. Проблема :Я не могу удалить его, потому что без него jRating больше не работает :/