Простой диалог Jquery, но теперь по щелчку
-
05-07-2019 - |
Вопрос
Я попытался создать диалоговое окно с помощью jquery, это работает, но у меня не получается сделать это onclick, потому что оно должно не просто всплывать, а только при нажатии на него.
<script type="text/javascript">
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$("#dialog").dialog();
});
</script>
и
<div id="dialog" title="Basic dialog">
<p>hi how are you</p>
</div>
и за красивую пуговицу
<button id="create-user" class="ui-button ui-state-default ui-corner-all">Profiel Matthijs</button>
попробовал использовать эти примеры
http://jqueryui.com/demos/dialog/
http://jqueryui.com/demos/dialog/#modal-form
кто-нибудь знает, как заставить это работать, нажав на кнопку #create-user я не очень хорош в javascript.
Спасибо Матти
Решение
Вам нужно установить autoOpen
установите значение false, чтобы диалоговое окно не открывалось при его создании.
Чтобы открыть его при нажатии вашей кнопки, вы должны вызвать метод open .
<script type="text/javascript">
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$('#dialog').dialog({
autoOpen: false
});
$('#create-user').click(function() {
$('#dialog').dialog('open');
});
});
</script>
Не связан с StackOverflow