JQuery fancybox trigger

Question

I use fancybox to open a form popup. At the moment, a pop-up window comes to life when the mouse leaves the main page. To make this work, I have a hidden link tag, which I mimic using the trigger () function, which is clicked to link href, which is the id form with fancybox, to come to life. The code is as follows:

<a id="trigger" href="#feedback_form" style="display:none"></a> $(document).mouseleave(function() { //Triggers popup $("#trigger").fancybox().trigger('click'); //Popup function $("#trigger").fancybox({ }); }); 

Is there any other way to do this?

Answer 1

Option 1 : hidden link and two functions:

1.1 Bind the fancybox to the selector:

 $("#trigger").fancybox(); 

1.2 Then turn on the selector:

 $("#trigger").trigger('click'); 

Option 2 : hidden link and one function:

 $(document).mouseleave(function() { $("#trigger").fancybox().trigger('click'); });​ 

See: JSFIDDLE

Option 3 (recommended): NO hidden link and one function:

 $(document).mouseleave(function() { $.fancybox("#feedback_form"); });​ 

See: JSFIDDLE

Answer 2

You can also use mouseout:

 $(document).mouseout(function() { $(".fancybox").fancybox(); }); 

Not sure if most of the help is tbh, but it might be slightly better than mouseleave, which was originally an IE event.

Answer 3

you can just do this:

 $(document).mouseleave(function() { //Triggers popup jQuery.fancybox({ href:$('yourcontentSelector'); }); });