Я использую 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"/>
Call </a>
<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 Спасибо! Гильермо.
Хорошо, я нашел причину. У меня есть div div google и div из всплывающего окна после google maps div, я переместил его раньше, и он начал появляться. Спасибо @jfk и @Alex
$("#btnPopup").fancybox()
внутри метода.ready()