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 两次。第二个版本清除了第一个和注册到第一个的所有插件。

您只需要一个版本，它必须在任何插件或依赖代码之前加载。

还可以使用浏览器控制台查看错误。页面抛出 syntaxhighlighter 错误，因为您正在调用使用它但不包括页面中的脚本

于 2013-01-06T16:34:46.570 回答