Не могу понять, почему плагин JS не работает

0

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

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="avgrund.css">
</head>
<body>
    <div class="buttons">
        <a href="#" id="show" class="button left">Show it</a>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery
                            /1.7.2/jquery.min.js"></script>
    <script src="jquery.avgrund.js"></script>
    <script>
    $(function() {
        $('#show').avgrund({
            height: 200,
            holderClass: 'custom',
            showClose: true,
            showCloseText: 'Close',
            enableStackAnimation: true,
            onBlurContainer: '.container',
            template: '<p>So implement your design ' +
            'and place content here! If you want to ' +
            'close modal, please hit "Esc", click ' +
            'somewhere on the screen or use special ' +
            'button.</p>'
        });
    });
    </script>
</body>
</html>

Файл html, содержащий этот код, находится в том же каталоге, что и все необходимые файлы JS и CSS. Я считаю, что я привел все к основам без костей, но не могу понять, почему это не работает; что мне не хватает? Модаль получен из http://labs.voronianski.com/jquery.avgrund.js/

  • 2
    любая ошибка в консоли вашего браузера
  • 0
    в этом случае любая другая ошибка в консоли вашего браузера
Показать ещё 8 комментариев
Теги:

3 ответа

2
Лучший ответ

попробуйте заменить свой скрипт в этом месте, и если он работает, сохраните его.

Я проверил это и работал на меня

<script src="https://rawgithub.com/voronianski/jquery.avgrund.js/master/jquery.avgrund.min.js"></script>

демо http://jsfiddle.net/codingantGit/5j9zC/6/

Поделиться
  • 1
    вам нужно использовать rawgithub.com вместо raw.github потому что это в большинстве случаев отправляет тип контента, установленный в text / plain вместо javascript ...
  • 0
    Спасибо друг @DavidChase
Показать ещё 3 комментария
1

Возможно, вы добавляете недопустимые файлы js!

Valid js file: http://labs.voronianski.com/media/js/jquery.avgrund.js

Valid CSS: http://labs.voronianski.com/jquery.avgrund.js/avgrund.css

ДЕМО: http://jsfiddle.net/sunnykumar08/USD4Q/

Поделиться
0

Косая черта и тип:

<script type="text/javascript" src="./jquery.avgrund.js"></script>
Поделиться
  • 0
    да, это указывает браузеру на поиск js в родительском каталоге, но он находится в том же каталоге, что и мой HTML-файл
  • 0
    это будет ./jquery.avgrund.js для того же каталога
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню