Это моя разметка:
<a href="#" class="reviews" id="like" rel="popover" data-content="" data-placement="right" data-original-title="Like episode">
<i class="icon-thumbs-up"></i>
Loved it
</a>(<span id="episode_likes">{{ episode_likes }}</span>
И это javascript:
$('a.reviews#like').click(function(e){
var element = $(this);
$.ajax({
url: '/episoderatings/like/',
type: 'POST',
dataType: 'json',
data: {
csrfmiddlewaretoken: '{{ csrf_token }}',
episode_number: current,
story: current_story
},
success: function(response){
if(response=='You have liked this episode'){
$('span#episode_likes').text(parseInt($('span#episode_likes').text())+1);
}
$(element).attr('data-content',response);
$(element).popover();
}
});
e.preventDefault();
});
Проблема заключается в том, что когда я нажимаю кнопку "как", popover не появляется при первом щелчке, поэтому я пропускаю важный ответ, понравилась ли мне страница или нет. Когда я нажимаю кнопку "как", второй раз появляется popover, и затем он поддерживает, что он переключает поведение оттуда. И идеи?