Question

我有一个容器，可以在花哨的盒子里打开。

<div id="fancyPopup">
 Fancy Box Content
</div>

现在我想在另一个函数调用时打开这个奇特的盒子：

function calc()
{

 // Fancy box should open now

}

我该如何实现？

这是我喜欢的框脚本：

function showPopup() {
    $('#fromDate').val('2013-11-03');
    $('#toDate').val('2013-11-06');

    $("#fancyPopup").fancybox({
        openEffect: 'none',
        closeEffect: 'none',
    });
}

Answer 1

你不能这样做：

$("#fancyPopup").fancybox({
    openEffect: 'none',
    closeEffect: 'none',
});

因为选择器#fancyPopup成为fancybox的触发器和目标。

你宁愿这样做

function calc() {
    // Fancy box should open now
    showPopup();
}

function showPopup() {
    $('#fromDate').val('2013-11-03');
    $('#toDate').val('2013-11-06');
    $.fancybox("#fancyPopup", {
        // API options here
        openEffect: 'none',
        closeEffect: 'none'
    });
}

参见 JSFIDDLE

Answer 2

尝试使用文档中提到的$.fancybox.open( \[group\], \[options\] )进行呼叫。

function openFancy()
{   
    $.fancybox($("#fancyPopup")).open([
            {         
                title : '1st title'
            }
        ]);
}

From Documentation:

打开（）

$.fancybox.open( [group], [options] )

启动fancyBox，与$.fancybox([group], [options])相同第一个参数可以是各种类型，

的示例：

$.fancybox([ {href : 'img1.jpg', title : 'Title'}, {href : 'img2.jpg'
  ,title : 'Title'} ]); - array containing objects

$.fancybox( {href : 'image.jpg', title : 'Lorem lipsum'} ); - single object

$.fancybox( ['image.jpg', 'image.jpg'] ); - array containing links as strings

$.fancybox( 'image.jpg' ); - string as source link 
$.fancybox( [jQuery object] );
$.fancybox( "<h1>Lorem lipsum</h1>" );

<强> JSFIDDLE DEMO

当另一个函数调用时打开fancybox

2 个答案: