gpt4 book ai didi

javascript - 全局 jQuery 对话框变量无法正常工作

转载 作者:行者123 更新时间:2023-11-28 02:54:47 27 4
gpt4 key购买 nike

当我调用该函数时,对话框不起作用。如果我将对话框结构移至 showtimes_list 函数中,一切都会正常工作。

我认为在函数外部声明的变量在上下文中是全局的?

var dialog_list = $("<div></div>").dialog({
autoOpen: false,
modal: true,
height: 300, width: 720,
});

function showtimes_list(sid){
dialog_list.html("");
$.get("ajax_showtimes.php?sid="+sid, function(data){
dialog_list.html(data);
}
);

dialog_list.dialog("open");
}

---编辑---

这是从 onClick 到 showtimes_list 调用的。

---编辑---

这正在工作:

function showtimes_list(sid){
$("#stl").dialog("open");
$("#stl").html("");
$.get("ajax_showtimes.php?sid="+sid, function(data){
$("#stl").html(data);
}
);
}

$(function(){
$('<div id="stl"></div>').appendTo(document.body).dialog({
autoOpen: false,
modal: true,
height: 300, width: 720,
});
});

最佳答案

不要创建新的空 div,而是将 div 添加到文档中,例如:

<body>
<div id="dialog">
<div id="dialogContent"></div>
</div>
</body>

然后,你的脚本将变成

var dialog_list = $("#dialog").dialog({ });

然后,当您想要更改该元素的 HTML 时,您需要更改dialogContent 元素,而不是更改对话框本身:

function showtimes_list(sid){    
var content = $("#dialogContent");
content.html("");
$.get("ajax_showtimes.php?sid="+sid, function(data){
content.html(data);
}
);

dialog_list.dialog("open");
}

如果您不希望 HTML 结构中出现这些空 div,则应将它们动态添加到正文中并使用类而不是 id。

编辑:要回答您的问题,即为什么当dialog_list位于函数之外时它不起作用,我想它与生成的html有关。

当您调用 .dialog() 时,jQuery 会生成以下 HTML:

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable">
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
<span id="ui-dialog-title-dialog" class="ui-dialog-title">Dialog title</span>
<a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a>
</div>
<div style="height: 200px; min-height: 109px; width: auto;" class="ui-dialog-content ui-widget-content" id="dialog">
<p>Dialog content goes here.</p>
</div>
</div>

当它在您的函数之外时,只要在脚本中遇到它就会调用它...然后,在您的函数中,您可以更改生成的 HTML。我已经有一段时间没有动态更新对话框内容了,但我遇到了同样的问题,而生成的 HTML 就是罪魁祸首。我认为我的解决方案是,我不像原来的答案中的嵌套 div 那样创建对话框(在函数外部),并且在函数内部,您更改 ui-dialog-content 的 html

例如:

function showtimes_list(sid){
dialog_list.find('.ui-dialog-content').html("");
$.get("ajax_showtimes.php?sid="+sid, function(data){
dialog_list.find('.ui-dialog-content').html(data);
}
);

dialog_list.dialog("open");
}

关于javascript - 全局 jQuery 对话框变量无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2953732/

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