Открыть модал uikit при загрузке страницы - PullRequest
0 голосов
/ 18 февраля 2020

В настоящее время я работаю над проектом в Flask, и я бы хотел (при определенных c обстоятельствах) открыть модальный режим при загрузке страницы. В настоящее время у меня есть следующее:

Моя функция просмотра передает переменную 'open_modal' в шаблон

    return render_template('index.html', open_modal = "window.onload() = function(){UIkit.modal(#modal1).show();};")

и внутри самого шаблона есть часть в шаблоне, которая выглядит следующим образом: :

<script type="text/javascript">
    {{ open_modal }}
</script>

И сам модал выглядит примерно так:

    <div id="modal1" uk-modal>
        <div class="uk-modal-dialog uk-modal-body">
            Test test!
        </div>
    </div>

И поэтому я надеялся, что всякий раз, когда я использую render_template с kwarg 'open_modal' в качестве значения выше , он вставит фрагмент javascript в шаблон, а затем еще раз! Модал открывается при загрузке страницы. Тем не менее, это не похоже на работу, и я не могу понять, почему. По общему признанию, у меня нет опыта работы с javascript, поэтому я бы не знал, будет ли работать фрагмент скрипта, который вставляется open_modal, но я бы предпочел придерживаться ванили javascript, потому что это единственный бит javascript в моей программе, и я бы предпочел не добавлять к ней больше информации без необходимости с помощью jquery et c.

Спасибо большое, если вы можете помочь!

1 Ответ

0 голосов
/ 21 февраля 2020

onload - это не функция, это свойство из window. Вы должны назначить ему функцию:

return render_template('index.html', open_modal = "window.onload = function(){UIkit.modal('#modal1').show();};")
...