4 replies to this topic

[immortal727]

Решил использовать данный элемент. Но при открытии popup ничего не дает. Если делать fancibox, то из-за устрарешей там версии js, новая jquery просто не поддерживает его. Поэтому, чтобы не уменьшать библиотеку решил использовать uikit формат модальных окон. Кнопку не видно, так как у uikit по умолчанию .ukit-modal имеет display:none

Пытаюсь изменить тогда нажатие

// $html = '<button uk-toggle="target: #'.$uniqid.'" type="button">'.$buttonTextPopup.'</button>';
$html = '<a class="uk-button uk-button-default" href="#'.$uniqid.'" uk-toggle>'.$buttonTextPopup.'</a>';

//$html = '<a href="#'.$uniqid.'-popup" class="uk-button uk-button-primary" data-uk-modal>'.$buttonTextPopup.'</a>';

 

Тогда кнопка стала видна. Из консоли видно, что событие по клику происходит, но форма по прежнему не видна. Проблема может даже не как в самом элементе, а в использовании библиотек и стилей uikit

На данный момент стоит последняя 3.4.2. Может кто подскажет решение этой проблемы...

http://arial.beget.t...-vyacheslavovna

[mmth]

Решил использовать данный элемент. Но при открытии popup ничего не дает. Если делать fancibox, то из-за устрарешей там версии js, новая jquery просто не поддерживает его. Поэтому, чтобы не уменьшать библиотеку решил использовать uikit формат модальных окон. Кнопку не видно, так как у uikit по умолчанию .ukit-modal имеет display:none

Пытаюсь изменить тогда нажатие

// $html = '<button uk-toggle="target: #'.$uniqid.'" type="button">'.$buttonTextPopup.'</button>';
$html = '<a class="uk-button uk-button-default" href="#'.$uniqid.'" uk-toggle>'.$buttonTextPopup.'</a>';

//$html = '<a href="#'.$uniqid.'-popup" class="uk-button uk-button-primary" data-uk-modal>'.$buttonTextPopup.'</a>';

 

Тогда кнопка стала видна. Из консоли видно, что событие по клику происходит, но форма по прежнему не видна. Проблема может даже не как в самом элементе, а в использовании библиотек и стилей uikit

На данный момент стоит последняя 3.4.2. Может кто подскажет решение этой проблемы...

http://arial.beget.t...-vyacheslavovna

 

Используйте форму от святоши https://seosm.ru/  Simple Callback

[fiction13]

Элемент рассчитан на работу с UIkit2, для работы модальных окон UIkit3 Вам необходимо поправить верстку в соответствии с документацией UIkit3.

[immortal727]

я это понимаю, вот и строил кнопку как на uikit3, но не срабатывает. Ладно, покапаюсь еще

[mmth]

я это понимаю, вот и строил кнопку как на uikit3, но не срабатывает. Ладно, покапаюсь еще

документацию внимательней нужно переносить, там примеры есть

<div id="fl-universal-form-5eab0e5120990" data-uk-modal>
...
</div>

добавить data-uk-modal нужно