0

我正在尝试在我的网站顶部显示一个滑动横幅。我正在使用 feature.js ( http://spreadthesource.com/sandbox/featurify/ ) 来实现它。

问题是,当 html 页面首次加载时,它会在页面上显示我的每个列表项。jquery 在那之后生效,然后它消失了,我看到了滑动横幅。

我试图通过让我的 html div 显示:none 然后在 jquery 中使用 show() 来解决这个问题。但这对我不起作用。这是它的代码。

http://jsfiddle.net/UU5Kj

html:
    <div id="features">
        <ul>
            <li>Discover success </li>
            <li>Keeping pace with latest technology</li>
            <li>Employee owned</li>
            <ul>
    </div>

CSS:
    #features {
        color:#a60000;
        font-size:2.25em;
        padding:1.25em;
        display:none;
    }

JS:
    $(#features).show();

另外,如果有人可以建议我解决此问题的替代方法,那就太好了。

4

2 回答 2

2

你需要引号

$('#features').show();
于 2013-07-17T06:08:27.923 回答
0

您也可以尝试隐藏除第一个之外的所有列表项。我认为该插件会自动使它们与动画一起可见。

将此添加到您的 CSS

#features ul li:not(:first-child) {
    display: none;
}
于 2013-07-17T06:19:58.317 回答