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 in Web Development by gaurav
• 17,580 points
11 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 by rajatha
• 7,040 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 in Web Development by rajatha
• 7,040 points
13 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 in Web Development by gaurav
• 17,580 points
21 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 in Web Development by gaurav
• 17,580 points
10 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,500 points
308 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,740 points
8,826 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,740 points
15,808 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,740 points
1,289 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 in Web Development by rajatha
• 7,040 points
19 views
webinar REGISTER FOR FREE WEBINAR X
Send OTP
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP