如何使JQuery append在IE7和IE8中工作？

这是我的代码：

$("#multimedia-tabs #"+response.currenttab+" #"+response.currenttab+"div").append(divHtml);

其中divHtml具有html li标记

它在FF和chrome中工作良好，但在IE7和IE8中不起作用：(

在这个网站上尝试了很多选择，但没有乐趣

请帮忙

$(document).ready(function() {
    $("#next").live('click', function(){getMultimedia($(this).attr('page'), $(this).attr('url'));});
    $("#previous").live('click', function(){getMultimedia($(this).attr('page'), $(this).attr('url'));});
    $("a.page").live('click', function(e){getMultimedia($(this).attr('page'), $(this).attr('url'));});
});

function displayPage(response){
    response = JSON.parse(response);
    $("#multimedia-tabs #"+response.currenttab+" #"+response.currenttab+"div").html('');
    var divHtml = '';
    for(var i in response.page){
            divHtml += '<li><a class="medialink" href="'+response.page[i].MedUrl+'">'+response.page[i].MedUrl+'</a></li>';
    }
    divHtml += '';
    var target = response.currenttab+'div';
    $("#"+response.currenttab+"div").append(divHtml);
    updatePageLinks(response.currentPage, response.currenttab);
}

function updatePageLinks(page, currenttab){
    $("#multimedia-tabs #"+currenttab+" #previous").attr('page', page-1);
    $("#multimedia-tabs #"+currenttab+" #next").attr('page', page+1);
}

function getMultimedia(page,url){
    var url = url + "/page/" + page;
    $.post(url,
              {"format" : "json"},
              function(data){
                      displayPage(data);
              }, 'html');
    return false;
}

$（文档）.ready（函数（）{
$（“#next”）.live（'click'，function（）{getMultimedia（$（this.attr（'page'），$（this.attr（'url'）；}）；
$（“#previous”）.live（'click'，function（）{getMultimedia（$（this.attr（'page'），$（this.attr（'url'）；}）；
$（“a.page”）.live（'click'，函数（e）{getMultimedia（$（this.attr（'page'），$（this.attr（'url'）；}）；
});
功能显示页面（响应）{
response=JSON.parse（response）；
$（“#多媒体选项卡#”+response.currenttab+“#”+response.currenttab+“div”）.html（“”）；
var divHtml=''；
for（响应中的var i.page）{
divHtml+='
'；
}
divHtml+=''；
var target=response.currenttab+'div'；
$（“#”+response.currenttab+“div”）.append（divHtml）；
updatePageLinks（response.currentPage，response.currenttab）；
}
函数updatePageLinks（第页，当前选项卡）{
$（“#多媒体选项卡#”+currenttab+“#上一页”）.attr（'第页'，第1页）；
$（“#多媒体选项卡#”+currenttab+“#下一页”）.attr（'page'，page+1）；
}
函数getMultimedia（页面，url）{
var url=url+“/page/”+page；
$.post（网址：，
{“格式”：“json”}，
功能（数据）{
显示页面（数据）；
}","html";；
返回false；
}

看起来您有多个相同的ID。IE无法容忍这种情况，就像其他浏览器在某些情况下所做的那样……这是无效的HTML。您需要为元素提供唯一的ID

此外，您还可以缩短选择器，因为ID应该是唯一的：

$("#"+response.currenttab+"div").append(divHtml);

---

你好，尼克，谢谢你的回复。我已尝试缩短我的选择器并确保id不会重复。也用HTML Tidy检查！它仍然不起作用！@Vishal-在这种情况下，发布HTML！@Vishal-HTML！=javascript:）如果你说选择器不起作用，然后它与html不匹配…如果没有html，那么很难找出错误：）发布html，否则任何人都无法提供帮助。