删除自身的div上的.html()

时间:2013-02-08 16:10:29

标签: jquery html ajax google-chrome

我遇到了在div上调用的.html()函数的问题。我有一个jQuery对话框,其中包含一个带选择选项输入的div。在select选项输入的change事件中,对java servlet进行ajax调用,该servlet生成要使用.html()放入div的新代码。这是我的ajax调用的“成功”功能:

success: function (data, textStatus, xhr) {
    if (data.length > 0) {
        alert($('#myDivId').html());
        $('#myDivId').empty().html(data);
        alert($('#myDivId').html());
    }
}

这是有趣的部分!我第一次更改选择值时,效果非常好。当我再次尝试时,ajax调用按预期工作,但屏幕上的内容(chrome和IE)并不反映html()函数返回的内容。在第一次调用之后,警报显示,说:

<b>Hello</b>

在html()调用之前,然后说:

<b>World</b>

但是Chrome和IE上的Div仍显示 Hello

有任何线索吗?

1 个答案:

答案 0 :(得分:0)

我终于在这里找到了问题。 div pb-div是动态创建的。在我的应用程序的特定情况下,该div将从页面中删除。当使用相同的脚本重新创建它时,看起来浏览仍然有另一个div或类似的句柄。我只是在DIV名称中添加了时间戳,以便始终拥有唯一的ID,并且它有效!