0

インライン ファンシー ボックス ポップアップを表示するボタンがあります。

<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'
        });

ポップアップしてほぼ正しく動作していますが、ポップアップが発生すると背景が非表示になります。背景を隠したくない。私は何を間違っていますか？

4

0 に答える 0