How do I access FooBox lightbox jQuery Events API

0 votes

The FooBox docs say it's possible to hook into FooBox events using code like

jQuery('.fbx-instance').on('foobox.afterLoad', function(e) {
   alert(e.fb.item.url);
});

I'm not having any luck. I've tried putting this code inside the jQuery(document).ready() function and outside it and nothing's working. Has anyone had luck with this? Where does the code go?

Here's the page in the docs: http://docs.fooplugins.com/foobox/developers/foobox-jquery-events/

Aug 1, 2022 in Web Development by gaurav
• 23,260 points
356 views

1 answer to this question.

0 votes

Their docs site doesn't seem to be responding, but try this, let me know if it works:

(function ($) {
    $(function () {
        var myFoo = $('.fbx-instance').foobox({
            afterLoad: function (e) {
                alert("Hey I am loaded!");
            }
        });
    });
})(jQuery);
answered Aug 1, 2022 by rajatha
• 7,680 points

Related Questions In Web Development

0 votes
0 answers
0 votes
1 answer

How do I redirect to another webpage?

To redirect from an HTML page, use the ...READ MORE

answered Jun 23, 2022 in Web Development by rajatha
• 7,680 points
367 views
0 votes
0 answers

How can I get form data with JavaScript/jQuery?

Is there a simple, one-line way to ...READ MORE

Jun 29, 2022 in Web Development by gaurav
• 23,260 points
2,304 views
0 votes
0 answers

How can I specify Google map with driving direction in jQuery mobile

I have done a Google Maps based ...READ MORE

Jul 20, 2022 in Web Development by gaurav
• 23,260 points
417 views
0 votes
1 answer

What is jQuery?

Hey, jQuery is a fast and concise JavaScript ...READ MORE

answered Feb 14, 2020 in JQuery by kartik
• 37,510 points
1,104 views
0 votes
1 answer

Uncaught TypeError: Cannot read property 'msie' of undefined - jQuery tools

Hello, Use the following script tag in your ...READ MORE

answered Apr 28, 2020 in JQuery by Niroj
• 82,880 points
14,836 views
0 votes
1 answer

Uncaught Error: Bootstrap's JavaScript requires jQuery

Hello @kartik, You have provided wrong order for ...READ MORE

answered Apr 28, 2020 in JQuery by Niroj
• 82,880 points
22,778 views
0 votes
1 answer

How to make Bootstrap popover Appear/Disappear on hover instead of click?

Hello @kartik, Set the trigger option of the popover to hover instead ...READ MORE

answered May 12, 2020 in JQuery by Niroj
• 82,880 points
3,088 views
0 votes
1 answer
0 votes
1 answer

How can I create a simple page vertical scroll bar without using jQuery?

Surprisingly, there is not a great, simple ...READ MORE

answered Jun 22, 2022 in Web Development by rajatha
• 7,680 points
384 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP