javascript - Ajax 调用后设置元素格式

Question

我试图让 ajax 调用将格式应用于完成之前不存在的元素。在实际调用中使用成功函数不起作用。该函数被正确调用，但未找到元素('.content-cell')，可能是因为它尚不存在。大多数类似的答案都涉及事件委托(delegate)，但没有应用样式。

我的做法正确吗？在 ajax 检索后应用样式和处理程序的最佳方法是什么？

$("#calendar-panel").load("url", setupCal());


function setupCal(){
    console.log("setupCal");
    var cell_width = $('.weekday-cell').width();
    if ($('.content-cell').length){
        console.log("Content cell exists");
    } else {
        console.log("Content cell does not exist");
    }
    $('.content-cell').css({height:cell_width});

此代码的控制台输出为:'setupCal'； “内容单元格不存在”。

Answer 1

我认为问题可能在于您实际上是在执行 load 函数的行中调用 setupCal 函数。这是因为您已经包含了实际执行该函数(并返回其结果)的括号，而不是将其作为回调参数传递。

您可以尝试仅引用该行中的函数名称，如下所示:

$("#calendar-panel").load("url", setupCal);

如果在“定义”load函数时调用setupCal函数，那么该元素肯定还不存在，因此会给出您所看到的输出: “内容单元格不存在”。