Установка Magnific Popup jquery

Question

Установка Magnific Popup jquery

0

Я новичок в javascript, и я хочу использовать Magnific Popup (Ajax Type) на своем веб-сайте, но я не уверен, куда поставить следующий код:

$('.ajax-popup-link').magnificPopup({
  type: 'ajax'
});

Я добавил файлы js и css на свой сайт и использовал этот класс в теге "a href" ниже:

class="ajax-popup-link"

Как мне заставить это работать?

user3394350 07 март 2014, в 21:53

Источник

Теги:

jquery

magnific-popup

1 ответ

Ещё вопросы

Kai Qing · Answer 1 · 2014-03-07T19-28-00.000Z

Это довольно четко документировано на их сайте: http://dimsemenov.com/plugins/magnific-popup/documentation.html#ajax_type

Вы указываете путь к файлу в атрибуте href:

<a href="path-to-file.jpg" class="ajax-popup-link">click me</a>

Затем в документе, готовом вызове, вы начинаете масштабное всплывающее окно...

$(document).ready(function(){
    $('.ajax-popup-link').magnificPopup({
      type: 'ajax'
    });
});

Я не думаю, что они специально скажут вам, чтобы он был включен в готовый документ, но, по крайней мере, это гарантирует, что элементы существуют до того, как js попытается добавить события и прослушиватели.

Вы получаете ошибки в консоли?

Спасибо за ваш ответ. Я добавил вызов готовности документа в тег <head> моего файла шаблона, но он все еще не работает. Я делаю это в Shopify, и это код, который я добавил: <script> jQuery ("document"). Ready (function () {$ ('. Ajax-popup-link'). MagnificPopup ({type: 'ajax '});}); </ Скрипт>
вы получаете какие-либо ошибки консоли?