0

私は自分のウェブサイトを更新していて、それをHTMLでコーディングしている間、100％正しく機能するようになりました。今、私はそれをヘッダーとフッターで.phpに変換しましたが、私のホームページでは2つのスライダーが互いに競合しています。スライダーが機能することもあれば、カルーセルが機能することもあります。これが何であるか、そしてこれを解決するためのアイデアを誰かが持っていますか。私が言ったように、それはそもそも正しく機能しました。あなたにアイデアを与えるために、これはウェブサイトです：www.vazcreations.nl両方のコードはここにあります：

<div class="flexslider">
                <ul class="slides">
                    <li>
                    <img src="images/slider/slider_img_chemi.png" alt="" class="slider-img">
                    <h1>SEO</h1>
                     Search Engine<br>
                     Optimalisation <a href="#">

                    </a></li>
                    <li>
                    <img src="images/slider/slider_img_artist.png" alt="" class="slider-img"/>
                    <h1>Webdesign</h1>
                     Zie onze portfolio<br>
                     en laat u overtuigen <a href="portfolio">
                    <div class="slider-btn-bg">
                         » Zie ons portfolio
                    </div>
                    </a></li>
                    <li>
                    <img src="images/slider/slider_img_browser.png" alt="" class="slider-img"/>
                    <h1>100%</h1>
                     Cross-browser<br>
                     Compatible <a href="#">

                    </a></li>
                    <li>
                    <img src="images/slider/slider_img_dice.png" alt="" class="slider-img"/>
                    <h1>Alles kan</h1>
                     CMS, Logo's, Designs <a href="mogelijkheden">
                    <div class="slider-btn-bg">
                         » Bekijk de mogelijkheden
                    </div>
                    </a></li>
                </ul>
            </div>

<div id="slider2">
                <a class="buttons prev" href="#"><img src="images/under_container/recent_creations_prev.png" alt="" class="next-prev"/></a>
                <div class="viewport">
                    <ul class="overview">
                        <li><img src="images/creations/recent_haags.png" alt="" class="work"/></li>
                        <li><img src="images/creations/recent_mega.png" alt="" class="work"/></li>
                        <li><img src="images/creations/recent_vaz.png" alt="" class="work"/></li>
                        <li><img src="images/creations/recent_haags.png" alt="" class="work"/></li>
                        <li><img src="images/creations/recent_mega.png" alt="" class="work"/></li>
                        <li><img src="images/creations/recent_vaz.png" alt="" class="work"/></li>
                    </ul>
                </div>
                <a class="buttons next" href="#"><img src="images/under_container/recent_crations_next.png" alt="" class="next-prev"/></a>
            </div>
4

1 に答える 1

2

jQuery.js を 2 回読み込んでいます。2 番目のバージョンは、最初の に登録された最初のプラグインとすべてのプラグインを消去します。

必要なバージョンは 1 つだけで、プラグインや依存コードの前にロードする必要があります。

また、ブラウザ コンソールを使用してエラーを確認します。それを使用するために呼び出しを行っているが、ページにスクリプトを含めていないため、ページはsyntaxhighlighterエラーをスローしています

于 2013-01-06T16:34:46.570 に答える