Question

以下代码运行正常。 fancybox出现在文档准备就绪中。

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>

jquery：给出现的fancybox一个id

1 个答案: