Question

我正在使用像

这样的花式框

setPopupText("Attention", "Setting the message as handled, please wait");

其中setPopupText函数如下：

function setPopupText(title, bodyMessage) {
$.fancybox(bodyMessage, {
    minWidth: 'auto',
    minHeight: 'auto',
    fitToView: false,
    width: '20%',
    height: '16%',
    autoSize: false,
    closeClick: false,
    openEffect: 'none',
    closeEffect: 'none',
    cyclic: true,
    transitionIn: 'elastic',
    transitionOut: 'elastic',
    titlePosition: 'outside'
});
}

它工作正常，但后来我想用html创建一个div并在我想要的时候显示它

<a href="#divPopUp" id="btnPopup">Load Form</a>
<div id="divPopUp" @*style="display:none"*@>
    <h2>Attention</h2>
    <p>
        <a id="skypeCall" href="#">
            <img style="width:32px;height:32px;" src="@Url.Content("~/Images/Map/call.jpg")" alt="Call"/>
            &nbsp;Call </a>&nbsp;
        <a href="javascript:$.fancybox.close();">Close</a>
    </p>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </p>
</div>

并将其称为

$("#btnPopup").fancybox({
            minWidth: 'auto',
            minHeight: 'auto',
            fitToView: false,
            width: '50%',
            height: '40%',
            autoSize: false,
            closeClick: false,
            openEffect: 'none',
            closeEffect: 'none',
            cyclic: true,
            transitionIn: 'elastic',
            transitionOut: 'elastic',
            titlePosition: 'outside'
        });

但弹出窗口没有出现，有什么不对？我正在使用aspnet mvc 4，但是作为第一个工作，我不认为它与它有关。我也在使用fancybox2 谢谢！！吉列尔莫。

Answer 1

好的，我找到了原因。我有一个谷歌地图div和弹出窗口的div是在谷歌地图div后，我之前移动它，它开始出现。谢谢@jfk和@Alex

fancybox没有为div工作但没有工作

1 个答案: