Javascript 生成的 ul 在 Internet Explorer 中看起来不同答案

【问题标题】：Javascript generated ul looks different in internet explorerJavascript 生成的 ul 在 Internet Explorer 中看起来不同
【发布时间】：2012-05-09 09:34:02
【问题描述】：

jsFiddle

我正在尝试使用 javascript 和 html 创建一个播放列表小部件，它在 chrome 上看起来很棒，但是当我在 IE 中测试它时它看起来是静态的并且只显示一行。我试图弄清楚这一点，但我做不到。

请帮帮我。

附言这是我第一次做 html 和 javascript :)

http://animaonline.com/api/yt/pls/v1/

【问题讨论】：

初学者技巧：当您提出问题时，请发布代码的相关部分。您甚至可以设置一个重现问题的 jsFiddle。
我的猜测是问题在于 CSS，而不是 JavaScript。不过，查看代码将有助于获得更好的答案。
@bažmegakapa 好主意，会做
这更像是一个 CSS 问题。已编辑。

标签： javascript css internet-explorer youtube

【解决方案1】：

您忘记使用</a> 关闭您的<a> 标签。我在<img> 标签之后添加了</a>，结果是：

http://jsfiddle.net/HJsUM/3/

如果你想在<a> 标签中包含整个内容（图像、标题和描述），那么你应该将<a> 标签更改为块元素，因为你不能将块元素（div 和 ul）包含在里面内联元素。所以更新后的小提琴看起来像这样：

http://jsfiddle.net/HJsUM/4/

【讨论】：

【解决方案2】：

首先 - 不是 HTML 显示不正确，而是您的 JavaScript 似乎到处都有一些缺陷。

我认为你让事情变得比必要的更复杂。其他人已经为您解决了很多挑战。看看 knockoutjs 可能会很好，它允许您使用优雅的 JavaScript 解决方案填充模板。看看吧，你可能会喜欢http://knockoutjs.com/

祝你好运！

【讨论】：

“我认为你让事情变得比必要的复杂一些。”有什么例子吗？我很确定 css 出了点问题。我相信使用 knockoutjs 会有点矫枉过正，我不需要 mvvm 来做一个相当简单的小部件...
嗯 - 一般来说，除非真的没有其他办法，否则您应该尽量避免混淆表示元素（例如 HTML 代码）和逻辑（您的 JavaScript）。阅读一些有关设计模式（或 MVC - 模型视图控制器 - 一般模式）和 N 层应用程序开发概念的文章可能会很有趣。