Only first event on page is passed to popover
-
(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!The page I need help with: [log in to see the link]
- The topic ‘Only first event on page is passed to popover’ is closed to new replies.