Magnific Popup не работает

Не знаю, почему всплывающее окно не работает.

Консоль говорит:

Uncaught TypeError: Object [object Object] has no method 'magnificPopup' index.html:17

Вот мой код:

<!DOCTYPE html>
<html lang="en">

    <head>
        <link rel="stylesheet" type="text/css" href="css/magnific-popup.css" />
        <script src="js/magnific-popup.js"></script>
        <script src="js/jquery.min.js"></script>
    </head>
    <body>
        <a class="demo" href="http://lorempixel.com/50/50">Demo</a>

        <script>
        $(document).ready(function() {

            $('.demo').magnificPopup({
            type: "image",
            });

        });
        </script>
    </body>
</html>

javascript magnific-popup
person user1441816    schedule 19.05.2014    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Включите свои скрипты в обратном порядке

 <head>
        <link rel="stylesheet" type="text/css" href="css/magnific-popup.css" />
        <script src="js/jquery.min.js"></script>
        <script src="js/magnific-popup.js"></script>
 </head>

jQuery всегда должен включаться первым.

И удалите этот завершающий , из свойства типа

$('.demo').magnificPopup({
    type: "image" // <== comma shouldn't be here since there is nothing to initialize after this
});
person Dhaval Marthak    schedule 19.05.2014
comment
О, я действительно извиняюсь. Я пытаюсь запустить всплывающее окно, и я пробовал это раньше, но это не работает. И теперь это работает. :| - person user1441816; 19.05.2014