Question

这个问题似乎无法找到任何好的答案。希望有人可以提供帮助

详细信息：每次用户从下拉列表中选择一个项目时，我会将一些内容添加到上面的div中。这可以根据用户的需要进行多次。

问题：仅在IE8中，追加仅每隔一次附加一次，包括之前的选择。没有错误或任何东西。这适用于任何其他浏览器。查看DOM，我可以看到添加了html，但它没有显示在页面上，直到我点击下拉列表中的另一个项目。

例如：您从下拉列表中选择第一个项目，您将看不到任何内容，但如果您从下拉列表中选择其他内容，则两个选项都会立即显示。

$("#ddCurriculumSelectList").change(function (e) {


    $("#selectedCurricPlaceholder").append('<div class="curriculumLine" ><div class="grid-10-12"><label>' + $("#ddCurriculumSelectList option:selected").text() + '</label><input type="hidden" class="selCurricField" id="selectedCurriculum' + $("#ddCurriculumSelectList option:selected").val() + '" name="SelectedCurriculum" value="' + $("#ddCurriculumSelectList option:selected").val() + '" /></div><div class="grid-2-12"><a href="#" class="removeCurriculum" style="padding-left: 10px;"><img src="Images/webicon/minus16.png" /></a></div></div>');


});

据我所知，我追加的HTML是正确的，没有遗漏的结束标签或任何东西

任何想法？

编辑1： 添加小提琴。从IE8开始，我将包含一个嵌入式版本

小提琴结果：http://jsfiddle.net/mungoid/Ge3cz/11/

全屏结果：http://jsfiddle.net/mungoid/Ge3cz/11/embedded/result/

编辑2： 噢，我认为它是因为一旦我将它添加到div后从下拉列表中删除该项目，它必须更改所选的选项，这会导致事件再次触发。对不起，我没有在原始代码中包含它。我不认为这是原因，并削减它= - /

虽然

仍不确定如何处理

编辑3： .. Geez，Scratch上一次编辑2.我认为这是删除行的原因，但它仍然没有删除所选选项

在IE8中第二次附加后，jQuery追加仅可见

0 个答案: