FancyBox内联弹出隐藏背景

时间:2013-07-17 13:52:05

标签: javascript jquery asp.net fancybox fancybox-2

我有一个显示内联fancybox弹出窗口的按钮:

<a class="fancybox" href="#inlineSearchPopup">
<asp:Button ID="searchButton" runat="server" Text="Search Stories" OnClick="searchButton_Click" />     
</a>

<div id="inlineSearchPopup" style="width: 400px; display: none;">
            <h3>
                Etiam quis mi eu elit</h3>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor
                facilisis id et neque. Nulla sit amet sem sapien. Vestibulum imperdiet porta ante
                ac ornare. Nulla et lorem eu nibh adipiscing ultricies nec at lacus. Cras laoreet
                ultricies sem, at blandit mi eleifend aliquam. Nunc enim ipsum, vehicula non pretium
                varius, cursus ac tortor. Vivamus fringilla congue laoreet. Quisque ultrices sodales
                orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare,
                faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac. Maecenas nisl
                nunc, molestie vitae eleifend vel, iaculis sed magna. Aenean tempus lacus vitae
                orci posuere porttitor eget non felis. Donec lectus elit, aliquam nec eleifend sit
                amet, vestibulum sed nunc.
            </p>
        </div>

这是Javascript:

<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="<% = Page.ResolveUrl("~/css/jquery.fancybox.css?v=2.1.5") %>"
    type="text/css" media="screen" />
<script type="text/javascript" src="<% = Page.ResolveUrl("~/Scripts/jquery.fancybox.pack.js?v=2.1.5") %>"></script>
<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="<% = Page.ResolveUrl("~/css/jquery.fancybox-buttons.css?v=1.0.5") %>" />
<script type="text/javascript" src="<% = Page.ResolveUrl("~/Scripts/jquery.fancybox-buttons.js?v=1.0.5") %>"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $(".fancybox").fancybox({
             openEffect: 'none',
            closeEffect: 'none'
        });

它弹出并且几乎正确地工作但是当弹出确实发生时它隐藏了背景。我不希望它隐藏背景。我做错了什么?

0 个答案:

没有答案