Jquery 每个不输出页面上的所有数据

Question

我有这段代码可用于从 You Tube 检索数据。我可以通过警报消息看到这一点。问题出在 IE8 及以下，它不会将 3 个项目的列表输出到页面。它只输出最后一个图像。

您可以查看代码here on jsfiddle

非常感谢任何帮助。

$.each(data.feed.entry.slice(1, 4), function(i, item) {
                        //if(i == 3) return false;
                        var title = item.title.$t;
                        var url = item.link[0].href;
                        var thumbUrl = item.media$group.media$thumbnail[0].url;
                        thumbs_data += '<li><a href="'+ url +'" title="'+ title +'"><img alt="'+ title+'" src="'+thumbUrl+'"</a></li>';
                        alert(thumbs_data);
                    });

Answer 1

查看IE8中的代码，一个可能的问题可能是item.title.$t其中有引号，我认为这可能会弄乱您生成的 HTML。您可以尝试通过更改以下内容来删除引号:

var title = item.title.$t;

对此:

var title = item.title.$t.replace(/"/g, "");

而且，我发现的另一个问题是您在生成的 HTML 中的 img 标签上缺少右括号。

将 thumbs_data 行更改为此以添加 img 标签的结束 >:

thumbs_data += '<li><a href="'+ url +'" title="'+ title +'"><img alt="'+ title+'" src="'+thumbUrl+'"></a></li>';

一旦你修复了这些，你可以在 IE8 中看到这个 jsFiddle 工作: http://jsfiddle.net/jfriend00/7L2Ws/

注意:我通过输出您添加到 thumbs_data 的生成 HTML 发现了这个问题。至 console.log()每次通过循环，这样我就可以查看 HTML 以查看问题出在哪里。