1

I'm using the latest version of jQuery and Fancybox both of the official pages, but for strange reason does not work on popup when inputs inside.

That is not working the blur on inputs, my code is:

$("#popup").fancybox({
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none',
    helpers   : { 
        overlay : {
            closeClick: false,
        }
    }
}).trigger("click");

What am I doing wrong?

UPDATE:

Link example: http://jsfiddle.net/YkH5G/

4

2 に答える 2

1

何らかの理由で、fancyboxは、オンロードではなく、ポップアップのクリックごとにロードされます。ポップアップのコンテンツはファンシーボックスにあるため、ファンシーボックスをクリックするたびにポップアップをクリックし、ファンシーボックスを再度ロードします。

あなたがする必要があるのは、ポップアップのhrefを含むリンクを作成し、それを使用してfancyboxをトリガーすることです。次に例を示します：http：//jsfiddle.net/YkH5G/2/

于 2012-10-11T22:15:27.203 に答える
1

Improved solution according to the author of the plugin

$(document).ready(function() {
    $.fancybox({
        content: $("#popup"),
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none',
        helpers   : {
            overlay : {
                closeClick: false,
            }
        }
    });
});

Link: http://jsfiddle.net/YkH5G/1/

By author plugin: https://github.com/fancyapps/fancyBox/issues/410

于 2012-10-16T19:43:13.677 に答える