jQuery Fancybox在本地工作但不在webhost上工作

时间:2013-07-17 15:22:30

标签: jquery html

我的jQuery Fancybox在我的本地计算机上运行得很好,但是现在我的网站在000webhost上运行它不起作用。我找不到任何答案为什么!

我的网站是:sarahmeasom.com

我真的很感谢有人为我看看这个,因为我很困惑!

基本上,在我的工作组合中,你点击它来调出图像,但它只是加载图像并带你到另一页!

感谢您的帮助!

这基本上是用于创建框的代码:

我的工作。

                <ul class="cols clearFix">

                    <li>
                        <div class="clearFix">
                            <h2 class="floatLeft">Circle Cover</h2>
                            <a href="./" class="more floatLeft">Website</a>
                        </div>
                        <a href="./tmp/circlecover_2.jpg" class="thumb">
                            <span class="zoom"></span>
                            <img src="./tmp/circlecover_1.jpg" alt="No image" />
                        </a>
                        <p>Circle Cover provides travel insurance for the over 50's. My main aims were to keep the site clean, simple and easy to navigate. With mobile compaitibility. 
                        </p>
                    </li>


                    <li class="center">
                        <div class="clearFix">
                            <h2 class="floatLeft">Virgin Insurance</h2>
                            <a href="./" class="more floatLeft">Website</a>
                        </div>
                        <a href="./tmp/virgin_2.jpg" class="thumb">
                            <span class="zoom"></span>
                            <img src="./tmp/virgin_1.jpg" alt="No image" />
                        </a>
                        <p>Re-design of the Virgin Travel Insurance quote website. It does its job in effectively helping customers buy insurance online, taking them through the quote process.</p>
                    </li>

                    <li>
                        <div class="clearFix">
                            <h2 class="floatLeft">Victoria's Salon</h2>
                            <a href="./" class="more floatLeft">website</a>
                        </div>
                        <a href="./tmp/tanning_2.jpg" class="thumb">
                            <span class="zoom"></span>
                            <img src="./tmp/tanning_1.jpg" alt="No image" />
                        </a>
                        <p>A small salon requested a website to help promote the business online. Modern and girly was the theme, keeping it suited to its target audience. </p>
                    </li>

                                            <li>
                        <div class="clearFix">
                            <h2 class="floatLeft">MPM Property</h2>
                            <a href="./" class="more floatLeft">Website</a>
                        </div>
                        <a href="./tmp/mpm_2.jpg" class="thumb">
                            <span class="zoom"></span>
                            <img src="./tmp/mpm_1.jpg" alt="No image" />
                        </a>
                        <p>MPM Property group requested a site which simply informs the public what they do. The site has a simple and precise layout encorporating the company style. </p>
                    </li>

                    <li class="center">
                        <div class="clearFix">
                            <h2 class="floatLeft">Twine Rooms Design</h2>
                            <a href="./" class="more floatLeft">Concept</a>
                        </div>
                        <a href="./tmp/twine_2.jpg" class="thumb">
                            <span class="zoom"></span>
                            <img src="./tmp/twine_1.jpg" alt="No image" />
                        </a>
                        <p>A minimalistic design using a consistent colour scheme and layout, with a fresh and colourful feel. Plenty of white space to make the main features stand out.</p>
                    </li>

2 个答案:

答案 0 :(得分:2)

你包括jQuery两次。这很可能就是问题所在。

答案 1 :(得分:0)

快速修复:从第343行的页脚中删除jQuery脚本标记。

更好的修复:同时更改第15行

<script src="./js/jquery/jquery-1.5.1.min.js" type="text/javascript"></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>