javascript - JQuery 多个功能不起作用

Question

我正在开发一个网站，使用 JQuery 来显示从 AJAX 调用返回的 HTML。单击按钮时，将调用以下 JS 函数:

function example(...) {
    get_ajax_and_display(...);
    show_hidden_div(...);
}

第一个函数get_ajax_and_display()进行 ajax 调用，成功后调用 $("#ex_div").html(ajax_response)设置innerHTML的ex_div从 ajax 调用返回的任何内容。特别是，返回的 html 包含 <span id='ex_span' style="display: none"> .

第二个函数show_hidden_div()来电 $("#ex_span").show()为了显示该跨度。

但是，第二个函数调用失败，如 $("#ex_span")似乎未定义，即使第一个函数已经创建了它。

.html(ajax_response) 是吗？直到 example(...) 才真正得到设置函数返回？

我在代码的其他部分分别调用这两个内部函数，它们独立工作得很好。

为什么我不能这样称呼他们？

Answer 1

在 ajax 调用的 success 函数中触发 show_hidden_​​div();，ajax 是异步的，因此 show_hidden_​​div() 先触发，然后再触发ajax完成div被附加到页面