如何让水平JavaScript程序停止;闪烁;装载时垂直
我的网站是wordswithfriends.net 我下载了一个免费的新闻代码JavaScript程序。它工作得非常完美,除了加载时,尤其是在连接速度较慢的情况下,所有的新闻条目都会在短时间内以纯HTML垂直显示。所需的行为是显示一个空白的新闻标签,直到项目准备好滚动。源代码在这里如何让水平JavaScript程序停止;闪烁;装载时垂直,javascript,Javascript,我的网站是wordswithfriends.net 我下载了一个免费的新闻代码JavaScript程序。它工作得非常完美,除了加载时,尤其是在连接速度较慢的情况下,所有的新闻条目都会在短时间内以纯HTML垂直显示。所需的行为是显示一个空白的新闻标签,直到项目准备好滚动。源代码在这里 尝试向所有新闻项添加一个类,并对该类应用“display:none”样式。您可能需要初始化document ready事件的第一个元素。这将消除所有新闻项目的初始闪烁。不幸的是,由于您的问题中提供的信息稀少,并且从
尝试向所有新闻项添加一个类,并对该类应用“display:none”样式。您可能需要初始化document ready事件的第一个元素。这将消除所有新闻项目的初始闪烁。不幸的是,由于您的问题中提供的信息稀少,并且从
scroller.js
脚本的源代码来看,包含要滚动的新闻项目的div
具有类tickercontainer
我只能假设div
中带有class
tickercontainer
的新项目与页面上的所有其他项目一起加载,只有在加载了这个div
之后(当DOM就绪时),scroller.js
脚本对div及其内容进行样式化并启动ticker
我建议您首先将tickercontainer
的visibility
或display
样式设置为hidden
或none
在HTML的head
标记中的样式中,或者在外部CSS文件中,一旦scroller.js
脚本初始化,使用jQuery将可见性
或显示
样式设置为可见
或块
如果这不是您想要的,请详细说明您的问题,我会尽力回答。您可以尝试将此添加到CSS中:
#ticker01 {
display:none;
}
在ul
上方的脚本标记中还有一行:
$(function(){
$("ul#ticker01").show();
$("ul#ticker01").liScroll();
});
不幸的是,由于您的问题中提供的信息很少,并且从scroller.js脚本的源代码来看,包含要滚动的新闻项的div具有类tickercontainer
我只能假设,带有tickercontainer类的div中的新项目与页面上的所有其他项目一起加载,只有在加载该div(当DOM就绪时)之后,scroller.js脚本才会设置div及其内容的样式并启动ticker。@deltanovember当我现在加载页面时,我曾经看到完整的ul
,然后是滚动条,现在什么也看不到,然后是滚动条。这就是你现在想要的吗?你是对的,这是一个缓存问题。作为旁注,show()需要在liScroll之前调用,否则它似乎会弄乱格式,这让我很生气!这个答案与我的答案完全不同,也没有解释为什么它会起作用,但却占据了所有的功劳。更愚弄你。如果不解释解决方案是如何工作的,社区如何学习?@JonathonDavidOates:我一定是一个速度惊人的打字员,在你发布答案后一分钟内就偷走了你的答案。你接受了一个与我所说完全相同的答案,但没有解释解决方案是如何工作的。您接受的答案是代表我答案的代码。社区如何能够在不理解解决方案为何有效的情况下进行精益?考虑到公认的答案及其评论,这又增加了什么?