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/