0

在我只给出一个 li 元素后，我的基本Jquery slider(bjqs)不工作......结果没有显示我在 li 标签中放入的内容......如果我放入 4 个 li 元素后它工作得很好。

这里有什么问题？

4 li（工作正常）：链接（http://jsfiddle.net/nikhilvkd/DaXG7/9/）

    <article class="salon_cvrs" id="banner-fade">                       
                            <ul class="bjqs">
                                <li>
                                    <article class="saloon-box">
                                            <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p>
                                    </article>
                                    <article class="saloon-box">
                                            <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p>
                                    </article>
                                    <article class="saloon-box">
                                            <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p>
                                    </article>
                                    <article class="saloon-box">
                                        <article class="featured">
                                            <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p>
                                    </article>
                                </li>

                            <li>
                                <article class="saloon-box">
                                            <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p>
                                </article>
                                <article class="saloon-box">
                                    <p>Everyone loves an effortless hairstyle that also hints at glamour. And an easy up-do that doesn't feel too 'done' is exactly the way to go to create it. </p>
                                </article>
                                <article class="saloon-box">
                                            <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p>
                                </article>
                                <article class="saloon-box">
                                    <article class="featured">
                                            <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p>
                                </article>
                            </li>
                            </ul>
                        </article>

只有一个li（不工作）：（http://jsfiddle.net/nikhilvkd/xD4FL/9/）

<article class="salon_cvrs" id="banner-fade">                       
                        <ul class="bjqs">
                            <li>
                                <article class="saloon-box">
                                        <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p>
                                </article>    
                                <article class="saloon-box">
                                        <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p>
                                </article> 
                                <article class="saloon-box">
                                        <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p>
                                </article> 
                                <article class="saloon-box">
                                        <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p>
                                </article>                        
                            </li>
                        </ul>
                    </article>
4

1 回答 1

3

当仅以幻灯片形式提供一个项目时，您拥有的脚本似乎不会更改布局。而它消失的事实是因为你自己的风格

li.bjqs-slide{
    position:absolute;
    display:none;
}

如果你display: none改为说display: block或inline-block- 幻灯片将显示

于 2014-01-21T08:41:39.760 回答