javascript - 单击按钮启动 fancyBox

Question

我遇到了 fancyBox v2 的一个小问题。

我想在点击按钮时启动 fancyBox。单击后，它将加载列表中的所有图像(来自 的 src 属性)。

我创建了这个 jsfiddle 来展示我正在尝试做的事情:http://jsfiddle.net/fPFZg/

jQuery(document).ready(function($) {
    $('button').on('click', function() {
        $.fancybox(); 
    });
});

谁能看出这是怎么可能的？

Answer 1

我有同样的问题，发现下面的方法更简单:

HTML

    <button class="fancybox" value="Open Fancybox">Open Fancybox</button>
    <div class="hidden" id="fancybox-popup-form">
        (your Fancybox content goes in here)
    </div>

jQuery

    $('.fancybox').click(function () {
        $.fancybox([
            { href : '#fancybox-popup-form' }
        ]);
    });

CSS

    .hidden { display: none; }

进一步阅读

Fancybox Docs (单击“API 方法”选项卡，然后阅读第一个方法，称为“打开”)。