”

Question

我有一个客户，我正在建立一个电子商务网站，我正在尝试使用FancyBox来改进设计。我现在已经待了将近三天了，我不能为我的生活让它发挥作用。我已经阅读/观看过教程，复制和粘贴代码，完成了我能想到的所有操作以使其运行。这不是我在这里一次又一次地看到一个图像显示正确，或者没有正确链接的问题。什么都没发生。我甚至在初始服务器意外重置其权限时切换了临时服务器。当服务器被双引号括起来时，服务器也回退到无法读取链接，因此在切换到单引号后，我知道它们正在连接。所有图像，CSS，Javascript，jQuery和插件现在都正确链接。现在的问题是FancyBox是否被调用，和/或Javascript是否正确地解决了问题。 Firebug没有显示任何错误。我尝试了不同的doctype，没有区别。我错过了什么？请帮忙。这是我的HTML页面的代码。我只是想让它工作，因此样本图片和视频。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ayana Brown Wigs - Home</title>

    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <!--[if lte IE 7]>
        <link rel="stylesheet" type="text/css" href="css/ie.css" />
    <![endif]-->

<script type=”text/javascript” src='http://code.jquery.com/jquery-latest.min.js'></script>
<script type="text/javascript" src='js/crossbrowsermenu.js'></script>
<link rel=”stylesheet” href='js/fancybox/source/jquery.fancybox.css' type=”text/css” media=”screen” />
<script type=”text/javascript” src='js/fancybox/source/jquery.fancybox.pack.js'></script>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' />

</head>

<body>
<div id="pageWrapper">
    <div id="header">
    <h1>
        <a class="header-logo" href='http://www.daniel-schuster/ayana/index.html'>Ayana Brown Wigs, Bloomington, Indiana</a>
    </h1>
    </div>

<!-- IMAGE AND VIDEO TEST ----------------->

<div class="content">
    <div class="samples">
    <ul>
        <li><a class="fancybox" rel="samples" title="Caption Test" href="images/sample.jpg"><img src="images/samplesmall.jpg" alt="" /></a></li>

        <li><a class="fancybox" rel="samples" title="Caption Test 2" href="images/sample2.jpg"><img src="images/sample2small.jpg" alt="" /></a></li>

        <li><a class="fancybox" rel="samples" title="Caption Test 3" href="images/sample3.jpg"><img src="images/sample3small.jpg" alt="" /></a></li>
    </ul>
</div><br />

<div id="video">
    <a class="fancybox fancybox.iframe" title='Drop City Yacht Club - "Crickets"' href='http://www.youtube.com/embed/F95RD4wGpdc'><img src='images/drop-city-yacht-club.jpg' alt="drop city" /></a>
</div>

</div> <!-- End of Content -->

</div> <!-- End of contentWrapper -->

</div> <!-- End of pageWrapper -->

<script type=”text/javascript”>
    $(document).ready(function() {
        $(“.fancybox”).fancybox({
            width : ’70%’,
            height : ’70%’
        });
    $(“a[href$='.jpg'],a[href$='.png'],a[href$='.gif']“).fancybox();
    });
</script>

</body>
</html>

Answer 1

可怕的卷曲引号是你的问题。你的报价看起来像这样：

”

JavaScript不理解这些。将它们更改为直引号：

“

你的撇号有同样的问题。

Answer 2

我认为您必须使用正确的脚本程序（如dashcode等）编辑此代码，因为存在一些语法错误。

这里试试这个......

<script type="text/javascript">
$(document).ready(function() {
    $(".fancybox").fancybox({
        width : '70%',
        height : '70%'
    });
$("a[href$='.jpg'],a[href$='.png'],a[href$='.gif']").fancybox();
});
</script>

FancyBox为什么不工作？

2 个答案:

”

“