не могу вызвать sweetAlert как onClick, таблица стилей загружена на страницу, но не внутри кнопки

Итак, я пытаюсь заменить свои javaScript-оповещения на sweetAlerts, но, похоже, таблицы стилей не будут загружаться с событием onClick, если я не поставлю их прямо над указанной кнопкой. Позволь мне объяснить.

Итак, в моем файле base.html я импортирую css и java для сладкого оповещения начальной загрузки как такового:

<link rel="stylesheet" type="text/css" href="{% static "css/sweetalert.css" %}"/>
<script src="{% static "js/sweetalert.min.js" %}"></script>

они оба загружаются непосредственно из начальной загрузки Sweet Alert.

Затем у меня есть html-файл, который расширяет base.html. В этом файле я могу вызвать: <script>sweetAlert('', 'Hi)</script> и упомянутый sweetAlert появится при загрузке страницы.

Однако всякий раз, когда я пытаюсь вызвать его как onClick:<button onClick="sweetAlert('', 'Hi)"></button>, он ничего не делает, если я не помещаю ссылки css и js непосредственно над указанной кнопкой, например:

<script src="http://lipis.github.io/bootstrap-sweetalert/lib/sweet-alert.js"></script>
<link rel="stylesheet" href="http://lipis.github.io/bootstrap-sweetalert/lib/sweet-alert.css">
<button onclick="sweetAlert('', 'hi');"></button>

с приведенным выше кодом sweetAlert отображается нормально, в противном случае он вообще ничего не отображает. Кажется, что css и js связаны со страницей, так как я могу отображать sweetAlert на странице при загрузке страницы, но как только я добавляю его к кнопке при нажатии, все идет плохо.

Очень запутался, спасибо.


person user3344393    schedule 15.09.2015    source источник


Ответы (1)


jQuery.min.js дважды связывался в файле base.html

person user3344393    schedule 15.09.2015