jQuery html()在IE9中无法正常运行 [英] jQuery html() doesn't work well in IE9

问题描述

我使用jquery请求数据，然后将它们填充到ID为"mresholder"的表中，它在webkit和ff中都有效，但在IE中效果不佳.它将这些数据附加在</table>之后.
如何解决此问题，或者有什么其他替代方法?

I use jquery to request data and then fill them to a table whose id is 'mresholder', it works in webkit and ff but it doesn't work well in IE. It will append those data behind </table>.
How to solve this or what's the alternative way to do this?

for(i=0;i<length;i++)
{
   song=data.results[i];
   o=$('#mresholder').html();
   $('#mresholder').html(o+='<tr sid='+song.song_id+' aid='+song.album_id+'><td class="sname">'+song.song_name+'</td><td class="sartist">'+song.artist_name+'</td><td class="salbum">'+song.album_name+'</td></tr>');
};

推荐答案

"sid"，"aid"不是有效的HTML属性.尝试使用data-sid，data-aid

"sid", "aid" aren't valid HTML attributes. Try data-sid, data-aid

也，改变

 o=$('#mresholder').html();
 $('#mresholder').html(o+='<tr sid='+song.song_id+' aid='+song.album_id+'><td class="sname">'+song.song_name+'</td><td class="sartist">'+song.artist_name+'</td><td class="salbum">'+song.album_name+'</td></tr>');

到

$('#mresholder').append('<tr data-sid='+song.song_id+' data-aid='+song.album_id+'><td class="sname">'+song.song_name+'</td><td class="sartist">'+song.artist_name+'</td><td class="salbum">'+song.album_name+'</td></tr>');

(.html()到.append())

(.html() to .append())

这篇关于jQuery html()在IE9中无法正常运行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！