0

li要素を1つだけ指定した後、私の基本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>

1つだけ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

スライドとして提供されるアイテムが1つだけの場合、スクリプトはレイアウトを変更しないようです。そしてそれが消えるのは自分のスタイルのせい

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

or - に変更display: noneすると、スライドが表示されますdisplay: blockinline-block

于 2014-01-21T08:41:39.760 に答える