gpt4 book ai didi

jquery - 我想在 Ajax 请求后显示 Jquery UI 对话框(消息)

转载 作者:行者123 更新时间:2023-12-01 08:16:13 25 4
gpt4 key购买 nike

首先:我想在 Jquery UI 消息框中显示 Ajax 请求返回的数据。第二:在下面的代码中,消息框仅出现 1 秒钟。我不知道为什么!!!!

<script>
$(document).ready(function(){
$("#dialog-confirm").dialog({
autoOpen:false,
resizable: false,
height:140,
modal: true,
buttons: {
"Ok": function() {
$( this ).dialog( "close" );
}
}
});

$("#customer_form").submit(function(){
$.get("../ajax/Services.php?Add=Add, function(data){
if (data) {
$("#dialog-confirm").dialog("open");
}
});
});
});
</script>
<body>
<div id="dialog-confirm" title="MY TITLE">
<p>
SOME TEXT <span class="ui-icon ui-icon-alert"
style="float:right; margin:0 7px 20px 0;"></span>
</p>
</div>
</body>

最佳答案

如果您希望“SOME TEXT”被 data 替换,则需要将其包装在 span 中,以便您可以仅选择该元素而不影响旁边的图标:

 <div id="dialog-confirm" title="MY TITLE">
<p>
<span id="dialog-text"> </span>
<span class="ui-icon ui-icon-alert"
style="float:right; margin:0 7px 20px 0;"></span>
</p>
</div>

对于第二个问题,您看到的可能是正在加载的新页面。

您需要防止 submit 操作继续执行并真正提交。

$("#customer_form").submit(function(ev) {
ev.preventDefault();
if (data) {
$("#dialog-text").html(data);
$("#dialog-confirm").dialog("open");
}
});

关于jquery - 我想在 Ajax 请求后显示 Jquery UI 对话框(消息),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10566311/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com