【问题标题】:Ticker having trouble [closed]股票代码有问题[关闭]
【发布时间】:2012-05-05 15:27:23
【问题描述】:

我做了一个代码,如你所见,第一行(Elite Gamer 的盛大开幕)是完美且绿色的。继续观察,直到它循环回来。文字变黑,我无法点击链接。有人有解决方案吗? http://jsfiddle.net/Hunter4854/AtKtR/1/

【问题讨论】:

    标签: java javascript html css


    【解决方案1】:

    更新答案:好的,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 中删除,因此显然之后无法单击它们。对此做一些事情,它应该很快就会非常完美。 :)

    【讨论】:

    • 当我将鼠标悬停在链接上时,指针没有出现。
    • 关键是让它能够点击。
    • @HunterMitchell 我只是试图通过指出您的错误来为您指明正确的方向,但我现在已经编辑了答案以包含正确的解决方案。请接受我的回答。
    【解决方案2】:

    只需删除第一个条目周围的 li,它就会按照您的设计方式工作。

    New Fiddle With Fix

    <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>
    

    【讨论】:

    • 抱歉,这个答案不完整或具有误导性,并且可能很危险。 &lt;ol&gt; 元素除了 &lt;li&gt; 元素之外不能有任何其他内容,因此其中不允许使用 &lt;a&gt;s。例如,请参阅 MDN 以获取参考。我现在已经更新了自己的答案以包含正确的解决方案。
    猜你喜欢
    • 1970-01-01
    • 2011-01-23
    • 2014-10-09
    • 2013-01-04
    • 2014-10-16
    • 1970-01-01
    • 1970-01-01
    • 2015-08-05
    • 1970-01-01
    相关资源
    最近更新 更多