jquery - jquery：给出现的fancybox一个id

Question

下面的代码工作正常。花式框出现在准备好的文档上。

jQuery(document).ready(function() {
    $.fancybox(
        '<h2>Hi!</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque</p>',
        {
                'autoDimensions'    : false,
            'width'                 : 350,
            'height'                : 'auto',
            'transitionIn'      : 'none',
            'transitionOut'     : 'none'
        }
    );
});

它看起来像它应该出现的那样。稍后在某些事件中，我需要用它$.fancybox.close();来关闭这个fancybox，而不是任何一个。如何准确触发这个fancybox？我想我需要在其中添加广告 ID。怎么做？

Answer 1

首先在 HTML 中创建一个 div，然后在 Javascript 中将其定义为 fancybox

<div style="display:none">
    <div id="myFancyBox">
         <h2>Hi!</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque</p>
    </div>
</div>

JavaScript：

<script type="text/javascript">
    $("#fancyBoxLink").fancybox({
        'href'   : '#myFancyBox',
        'autoDimensions'    : false,
        'width'                 : 350,
        'height'                : 'auto',
        'transitionIn'      : 'none',
        'transitionOut'     : 'none'

    });
</script>