Fancybox link inside Bootstrap popout

Viewing 2 replies - 1 through 2 (of 2 total)
  • Rolf Allard van Hagen

    (@ravanh)

    9 years, 8 months ago

    Hi, I’m not familiar with bootstrap popovers but as I understand it, the popover script takes the data-content attribute and creates a new element. This new element is unknown to the FancyBox script and therefore all its content is ignored. You’ll have to add something to make FancyBox scan for new content right after the popover creation.

    It seems there is an event that can be used to hook into like this:

    
<script type="text/javascript">
$('#myPopover').on('shown.bs.popover', function () {
  $(document).trigger('post-load');
})
</script>

    (adapt #myPopover to your case, might be [data-toggle="popover"] as some examples seem to use)

    When the popover is shown, the event ‘shown.bs.popover’ is triggered, which should now fire the function in this snippet. The function in turn triggers an event called ‘post-load’ to which Easy FancyBox listens and will cause it to scan for new media links.

    If all is well, this process should now detect the media link inside the popover…

    Hope that helps. Let me know 🙂

    Thread Starter iBasher

    (@ibasher)

    9 years, 8 months ago

    Worked like a charm. Thanks a lot!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Fancybox link inside Bootstrap popout’ is closed to new replies.

Tags