Question

在我的网站中，我使用选框标记显示实时新闻（滚动功能）。

滚动完成后我面临的问题是，正在显示空白区域

请参阅有关问题的图片

我的代码的一部分

function displaylivenews() {
    var s = "";

            for (var i = 0; i < latestnewsresponse.length; i++) {
                s += '<li><div class="itemTitle"><a href="' + latestnewsresponse[i].link + '"  target="_">' + latestnewsresponse[i].title + "</a></div>";
                s += '<div class="itemDate">' + latestnewsresponse[i].pub_date + "</div>";
                mysource = latestnewsresponse[i].link.split("://")[1].split('/')[0].replace(/(www.)|(.com)/g, '');
                s += '<div class="Source">' + mysource + "</div>";
                s += '</li>'
            }
            jQuery("#livenewsRss").html("<ul class='feedEkList'>" + s + "</ul>");


    }

这是我的jsfiddle

http://jsfiddle.net/6n8ecLq6/5

请你知道如何解决这个问题吗？

Answer 1

Marquee是已弃用且不是有效的 HTML 标记。您可以使用许多jQuery插件来完成。其中一个是jquery easy ticker。还有更多！

Answer 2

当我搜索选框标签时，我发现了很多警告，例如：

<强>过时   此功能已过时。虽然它可能仍然适用于某些浏览器，但不鼓励使用它，因为它可以随时删除。尽量避免使用它。

注意：   各种浏览器可能不支持HTML标记，因此不建议依赖此标记，而是可以使用Javascript和CSS创建此类效果。

看看以下问题：

<强> marquee tag still works, is it okay to use it?

<强> Is the marquee HTML element supported by all browsers yet?

您可以看到W3C已弃用的marquee标记（ W3C Obsolete features ），您无法找到与此相关的空白空间的任何直接解决方案在网上标记，但幸运的是你可以找到很多类似的插件（JQuery，javascript，CSS3）到处工作，例如：

在stackoverflow Continuously scrolling horizontal ticker containing images in jQuery? 中查看此处发布的以下问题的答案，这里有几个选项。

您也可以使用 jdNewsScroll 插件，查看演示 HERE 和来源 HERE

您还可以尝试在以下问题 javascript news ticker script 中建议 how to show news without marquee tag 。

查找 20 jQuery News Ticker & News Scroller Plugin Example 以上的内容。

希望这有帮助。

Answer 3

如果您的latestnewsresponse为空，则会设置一个新的空<ul>元素。空白区域可能是此空元素的填充/边距。

if (s != "")
   jQuery("#livenewsRss").html("<ul class='feedEkList'>" + s + "</ul>");

如何在使用选框标记时解析空白区域

3 个答案: