1

Используя avgrund.js не срабатывает отображение бокса который указан в template: $('.box'). У бокса задан "display:none;" как указано в документации. Консоль с ошибками молчит.

<script src="js/jquery-1.12.4.js"></script>
<script src="js/jquery.avgrund.js"></script>
<script>
    $('#element').avgrund({
        width: 640, // max is 640px
        height: 350, // max is 350px
        showClose: true, // switch to 'true' for enabling close button
        showCloseText: 'закрыть', // type your text for close button
        closeByEscape: true, // enables closing popup by 'Esc'..
        closeByDocument: true, // ..and by clicking document itself
        holderClass: 'element', // lets you name custom class for popin holder..
        overlayClass: 'elementOverlay', // ..and overlay block
        enableStackAnimation: true, // enables different type of popin's animation
        onBlurContainer: '',
        openOnEvent: true, // set to 'false' to init on load
        setEvent: 'click', // use your event like 'mouseover', 'touchmove', etc.
        template: $('.box')

    });
</script>
<link href="css/avgrund.css" rel="stylesheet">

<a href="#" id="element">
Lorem ipsum
</a>

<div class="box" style="display: none;">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas, rem.
</div>

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Посмотрите другие вопросы с метками или задайте свой вопрос.