fancybox не работает для div, но работает без него

0

Я использую fancybox как

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

Он работает нормально, но потом я хочу создать div с html и показать его, когда захочу, как это

<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 Спасибо! Гильермо.

  • 0
    попробуйте добавить атрибут name = "divPopUp" в div #divPopUp или добавьте параметр содержимого в объект настроек fancybox, например content: div.html ()
  • 0
    возможно, вам просто нужно обернуть $("#btnPopup").fancybox() внутри метода .ready()
Теги:
fancybox
fancybox-2

1 ответ

0

Хорошо, я нашел причину. У меня есть div div google и div из всплывающего окна после google maps div, я переместил его раньше, и он начал появляться. Спасибо @jfk и @Alex

Ещё вопросы

Сообщество Overcoder
Наверх
Меню