我有一个客户，我正在为一个电子商务网站，我正在尝试使用FancyBox来改善设计。我已经在这里待了近三天了，而且我不能为了我的生活而开始工作。我已经阅读/观看了教程，复制并粘贴了代码，完成了所有我认为可以实现的功能。这不是我在这里一次又一次地看到一张图像显示正确，或者没有正确链接的问题。没有任何事情正在发生。我甚至在初始服务器意外重置权限时切换了服务器。当服务器被封闭在双引号内时，服务器也不能读链接，所以在切换到单引号后，我知道它们正在连接。现在所有图片，CSS，Javascript，jQuery和插件都正确链接。现在的问题是FancyBox是否被调用，和/或如果Javascript正确地处理事情。 Firebug显示没有错误。我尝试了不同的文档类型，并没有区别。我错过了什么？请帮忙。这里是我的HTML页面的代码。我只是想让它工作，因此样本图片和视频。FancyBox为何不工作？

<!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>

2013-06-06 Daniel Schuster

重视。停止使用word文档编辑器来编辑你的代码。魔术引号正在慢慢杀死你。 –

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

”

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

“

你的撇号有同样的问题

来源

2013-06-06 03:23:29 icktoofay

另外，把魔术引号''''和'''改为普通引号'''''''' –

并且不需要两次调用fancybox。我想说，删除这行：'$（“a [href $ ='。jpg']，a [href $ ='。png']，a [href $ ='。gif']“）。fancybox（）;'自$（”。fancybox“）。 fancybox（{etc'部分会照顾它 – marlenunez

我没有意识到Notepad ++在卷曲引号中添加的内容，我回到了常规记事本中，将卷曲引号切换出来，并且确实如此，这是一个负载离开我的背！谢谢一帮人的帮助，伙计们！ –

我想你一定比像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>

来源

2013-06-06 03:32:05 Grant

FancyBox为何不工作？

回答

”

“

相关问题