Only first event on page is passed to popover

Replies: 0

(use pass “Micerule”) – click on the calendar page before each event to trigger the popover.

I am using a popover to accommodate two links to single event feeds: One for for iCal and one for Google. The code in simplified form is:

[events_list_grouped mode="monthly" limit="8" pagination="1"]
<a tabindex="0" data-toggle="popover" data-trigger="focus" data-delay="200" data-container="body">Cal-Link</a>
<div class="popover-content hide">
<a href="#_EVENTICALURL">ical</a>
<a href="#_EVENTGCALURL">gcal</a>
[/events_list_grouped]

The class “.hide” is – obviously – hidden but displays the correct event feeds if unhidden. However the popup is always populated with the feeds of the first event on the page.

I am using the following ja script in the header:

$=jQuery;
$(document).ready(function(){
    $("[data-toggle=popover]").popover({
    html: true, 
	content: function() {
          return $('.popover-content').html();
        }
}); 
});

My knowledge of js is pretty much non-existent so if there is anything wrong with this, any comments would be most appreciated.
Thanks!