flex滑块和amp;之间的冲突小小的旋转木马

时间:2013-01-06 16:27:36

标签: jquery html css slider

我正在更新我的网站,当我用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>

1 个答案:

答案 0 :(得分:2)

您正在加载jQuery.js两次。第二个版本清除了第一个和第一个注册的插件。

您只需要一个版本,并且必须在任何插件或相关代码之前加载。

还可以使用浏览器控制台查看错误信息。页面正在抛出syntaxhighlighter错误,因为您正在调用它而不包括页面

中的脚本