MagnificPopup без нажатия кнопки

Question

Я использую MagnificPopup для отображения всплывающего окна после загрузки чего-либо с помощью метода jQuery get(). После завершения get() вызова, я хочу, чтобы отобразить всплывающее окно ниже:

<div id="tagsearch-popup" class="panel panel-default mfp-hide"> 
    <div class="panel-heading">Tag Search</div> 
    <div class="panel-body"> 
     <div class="col-xs-12 no-padding"> 
      Example 
     </div> 
    </div> 
</div> 

Это JQuery, который я использую.

$.get(url, function (data) { 
    success: { 
     $("#recalculation-guid").html(data); 
     // Display popup now 
    } 
}); 

Однако, когда я смотрю через примеры MagnificPopup я могу только найти примеры для связывания всплывающего окна с кнопкой. Я хочу создать его программно.

Как использовать MagnificPopup для преобразования <div> s в всплывающее окно без нажатия кнопки?

Answer 1

есть метод называется открытым:

$.magnificPopup.open({ 
    items: { 
    src: 'someimage.jpg' 
    }, 
    type: 'image' 

    // You may add options here, they're exactly the same as for $.fn.magnificPopup call 
    // Note that some settings that rely on click event (like disableOn or midClick) will not work here 
}, 0); 
//and also close, if you're into that ;) 
$.magnificPopup.close(); 

Так что в вашем коде:

$.get(url, function (data) { 
    success: { 
    $("#recalculation-guid").html(data); 
    // Display popup now 
    $.magnificPopup.open({...}); 
    } 
}); 

Answer 2

Этот пример может помочь вам:

$("a").click(function() { 
    alert("clicked"); 
    // your instantiation 
}); 
$("a").click(); 

Что вам нужно сделать, это вызвать щелчок, который вы создать экземпляр MagnificPopup.