Javascript 重新加注a<；时IE7中存在错误；ul>；包含JQuery的列表：显示在先前隐藏的元素下面的元素

在下面的javascript脚本中，我使用下面的代码清空

国家列表并重新填充它（使用jquery的hide（）函数进行一些动画）

它在chrome和safari中工作，但在IE中，

的新
元素出现在先前显示的
的位置后面。有解决办法吗

        $('#country_list').hide(300,function(){
            var i;
            $(".country_list").empty();
            $(".country_list").height(0);
            $(".country_link").remove();
            $("#content").append('<div id="country_list_div" class="grid_3 "><ul id="country_list"></ul></div>');
            var country_list= country_dict[letter];
            var country_count = country_list.length;
            for (i=0;i<country_count;i++)
            {
                $("#country_list").append('<li><a class="country_link" href="" id="'+country_list[i][0]+'" na="'+country_list[i][1]+'">'+country_list[i][1]+"</a></li>");
            }

            $('#country_list').show(300);
            return false;
        });

$（“#国家/地区列表”）.hide（300，函数（）{
var i；
$（“.country_list”）.empty（）；
$（“.country_list”）。高度（0）；
$（“.country_link”）.remove（）；
$（“#内容”）.append（“
”）；
var country_list=国家目录[字母]；
var country\u count=country\u list.length；
对于（i=0；i确保指定容器的大小（高度或宽度），即倾向于流动其内容，而不是覆盖位置。我总是喜欢剪裁容器，以确保它们永远不会流出。
确保指定大小（高度或宽度）对于容器，IE倾向于流动其内容，而不是覆盖位置。我总是喜欢剪裁容器，以确保它们永远不会流出。
为什么要删除原始ul？您也正在删除“.country\u list”而不是“\p>country\u list”

也许

$"#country_list").hide(300, function(){

  var cl = $(this); //get a variable handle
  cl.empty();
  var items = country_dict[letter];

  for (var i=0 i<items.length; i++) {
    cl.append(([
      '<li>'
        ,'<a class="country_link" href="javascript:void(0);"'
          ,' id="' + items[i][0] +'"'
          ,' na="' + items[i][1] + '"'
        ,'>'
          ,items[i][1]
        ,'</a>'
      ,'</li>'
    ]).join(''));
  }

  cl.show(300);

});
$“#国家/地区列表”）.hide（300，函数（）{
var cl=$（this）；//获取变量句柄
cl.空（）；
var项目=国家/地区[字母]；
对于（var i=0 i为什么要删除原始ul？您也在删除“.country_list”而不是“#country_list”

也许

$"#country_list").hide(300, function(){

  var cl = $(this); //get a variable handle
  cl.empty();
  var items = country_dict[letter];

  for (var i=0 i<items.length; i++) {
    cl.append(([
      '<li>'
        ,'<a class="country_link" href="javascript:void(0);"'
          ,' id="' + items[i][0] +'"'
          ,' na="' + items[i][1] + '"'
        ,'>'
          ,items[i][1]
        ,'</a>'
      ,'</li>'
    ]).join(''));
  }

  cl.show(300);

});
$“#国家/地区列表”）.hide（300，函数（）{
var cl=$（this）；//获取变量句柄
cl.空（）；
var项目=国家/地区[字母]；
对于（var i=0我可以添加一些示例HTML以便我们可以测试它吗？一些类和ID可能与各种元素关联。我刚刚添加了HTML+到原始页面的链接。你可以添加一些示例HTML以便我们可以测试它吗？一些类和ID可能与各种元素关联。我刚刚添加了HTML+到原始页面的链接nal页面。我做了array.join的事情，因为通过js更容易可视化标记…可以将其与String.prototype.format扩展名或模板加载项相结合。它是“.country_list”而不是“#country_list”事情。我在这上面花了太多时间，我没有清晰的想法。非常感谢！我做了array.join的事情，因为通过js更容易可视化标记…可以将其与String.prototype.format扩展或模板加载项组合。它是“.country_list”而不是“#country_list”事情。我在这上面花了太多时间，我已经没有清晰的想法了。非常感谢！