Question

jQuery append 值已经改变 但页面无变化

$("#job").empty();
$.each(data,function(key,value) {
$("#job").append("<option value="+value.data_id+">"+value.data_title+"</option>");
});

会根据，不同的key，反复添加值。用append，和html添加都实验了，输出了值，值明明改变了，但是页面就是不变化，除非添加的元素数量和原来显示的不同或者用鼠标划过才会显示出来，在火狐中是即时显示的，IE就不变，这是怎么回事呢。
我在js 里加载完这段内容后边放上了console.log($("#job").html())输出了一下，内容已经变了，但是页面没反映，我用鼠标去那个层的位置晃了晃，就变过来了。。。。。

Answer 1

1 看下是不是自己页面缓存问题，刷新页面看看
2 看下你的JS是不是在页面渲染之前执行 就会导致先改变 后来页面渲染又将你前面的数据覆盖 可以将页面当中默认值清空 保证标签为空

Answer 2

首先你要对代码进行调试检查：

1. 通过浏览器的调试器看看是否报错

2. obj.append()中的obj是否存在

3. obj.append(str) str的内容格式规范是否合理
   

Answer 3

$("#job").empty();
$.each(data,function(key,value) {
$("#job").append("<option value='"+value.data_id+"'>"+value.data_title+"</option>");
});

Answer 4

什么叫值已经改变但页面无变化

1. 要不就是没插入进去

2. 你没插对地方

3. 你页面样式不对
   

Answer 5

好像描述的不是太清晰, 或者配上一些截图再说一下, 不知道你说的输出了值, 值改变了, 页面不变化是怎么体现的

追问

我在js 里加载完这段内容后边放上了console.log($("#job").html())输出了一下，内容已经变了，但是页面没反映，我用鼠标去那个层的位置晃了晃，就变过来了。。。。