【发布时间】:2012-05-05 15:27:23
【问题描述】:
我做了一个代码,如你所见,第一行(Elite Gamer 的盛大开幕)是完美且绿色的。继续观察,直到它循环回来。文字变黑,我无法点击链接。有人有解决方案吗? http://jsfiddle.net/Hunter4854/AtKtR/1/
【问题讨论】:
标签: java javascript html css
我做了一个代码,如你所见,第一行(Elite Gamer 的盛大开幕)是完美且绿色的。继续观察,直到它循环回来。文字变黑,我无法点击链接。有人有解决方案吗? http://jsfiddle.net/Hunter4854/AtKtR/1/
【问题讨论】:
标签: java javascript html css
更新答案:好的,here's a working version of your ticker。问题是你不小心混合了<li> 和<a> 元素。我现在已经完全删除了 <ol> 元素,并将其替换为包含那些 <a> 元素的简单 <div>。我还清理了您的 CSS 代码,以便没有样式说明与 HTML 代码混合。然后我把那个 if 语句改成这样:
if (list.find('.link').length > 1 )
和以前一样,它发现 li 元素效果不佳。
我最初的回答:首先,<li> 元素周围有 <a> 元素,这是非法的。 <a>s 应该在 <li>s 内。 I've created you a new fiddle 为了便于阅读,我还将 JS 代码移到了 JS 窗口中,并将 CSS 代码移到了 CSS 窗口中。
查看带有 Chrome 的 Inspect 元素功能的 DOM,在我看来 <a> 元素正在从 DOM 中删除,因此显然之后无法单击它们。对此做一些事情,它应该很快就会非常完美。 :)
【讨论】:
只需删除第一个条目周围的 li,它就会按照您的设计方式工作。
<a href="http://www.google.com" class="link" style="padding-top:2px; text-decoration:none; color: #00B700; font-weight: bold; text-shadow: #00ff00 0px 0px 1px; ">Grand Opening of Elite Gamer</a>
【讨论】:
<ol> 元素除了 <li> 元素之外不能有任何其他内容,因此其中不允许使用 <a>s。例如,请参阅 MDN 以获取参考。我现在已经更新了自己的答案以包含正确的解决方案。