jqueryfancyboxcolorboxanythingslider

fancyBox not displaying properly

I've attempted to implement fancyBox to the page listed below, however, the lightbox is not being generated onClick.

I'm properly calling and generating the fancyBox in the example below, but it does not seem to initiate when the anchor element is clicked.

http://jsfiddle.net/jodriscoll/Xf7qf/

jQuery(document).ready(function() {
    jQuery(".fancyBox").fancybox({
        maxWidth    : 800,
        maxHeight   : 600,
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
    });
});

As you can see, I am calling a condensed version of fancyBox and all the proper CSS styling/class associations are properly built.

If I missed something, please tell me where then politely call me an idiot :)

Thanks!

Solution

  • Open file 'jquery.fancybox-1.3.4.pack.js' and replace word "body" to "form". There are two words "body" there. Thanks to tuyenbui.

    And the problem is also solved in this page : Fancybox - ASP.NET button not working