jQuery Fancybox trigger

Question

I use fancybox to open a popup window with a form. At the moment popup comes to life when mouse leaves main page. In order to make this work i have a hidden link tag which i simulate with trigger() function that is clicked in order that link's href which is forms id with fancybox to come in life. Code as follows: ``` $(document).mouseleave(function() { //Triggers popup $("#trigger").fancybox().trigger('click'); //Popup function $("#trigger").fancybox({ }); }); ``` Is there any other way to do this?

Accepted Answer

Option 1 : hidden link and two functions :

1.1 Bind fancybox to selector :

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

1.2 Then trigger the selector :

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

Option 2 : hidden link and a single function :

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

See : JSFIDDLE

Option 3 (recommended): NO hidden link and a single function :

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

See : JSFIDDLE

jQuery Fancybox trigger

Solution

Problem