javascript - modal - Abrir ventana emergente desde otra función: Magnific Popup

popup video jquery

Question

Quiero abrir mi ventana emergente cuando se llama a la función ajaxCall.

Me gusta esto:

function ajaxCall()
{
openPopup();
}
function openPopup()
{
$(''.popup-modal'').magnificPopup({
type: ''inline'',
modal: false,
});
$(document).on(''click'', ''.closePopup'', function (e)
{
e.preventDefault();
$.magnificPopup.close();
});
}

Aquí está el violín: http://jsfiddle.net/qweWa/33/

Quiero que esta ventana emergente se abra cuando se llame a la función ajaxCall.

Aquí está el violín que funciona para abrir una ventana emergente del botón onclick:

http://jsfiddle.net/qweWa/27/

Answer 1

Debe pasar el nombre de la clase del botón en la función:

function openPopup(el) { // get the class name in arguments here
$(''.''+el).magnificPopup({ // use it here
type: ''inline'',
modal: false
});
}
$(function () {
$(''.ajax-call'').click(function (e) {
openPopup(this.className); //<----pass the clicked button''s class name
});
$(document).on(''click'', ''.closePopup'', function (e) {
e.preventDefault();
$.magnificPopup.close();
});
});

Demo Fiddle

Answer 2

Prueba esto

function openPopup()
{
$(''.ajax-call'').magnificPopup({
type: ''inline'',
modal: true,
});
/*$.magnificPopup({
type: ''inline'',
modal: false,
});*/
$(document).on(''click'', ''.closePopup'', function (e)
{
e.preventDefault();
$.magnificPopup.close();
});
}

Answer 3

magnificPopup is not a function error de magnificPopup is not a function . Por favor incluya cualquier archivo JS personalizado en su sección de encabezado.

Answer 4

Use la función open ()

function openPopup(el) { // get the class name in arguments here
$.magnificPopup.open({
items: {
src: ''#thanksModal'',
},
type: ''inline''
});
}

JSFiddle: http://jsfiddle.net/t5f5e5zw/2/