Fancybox无法正常工作（在新标签中打开，而不是弹出框）

fancybox插件有问题。当我点击缩略图图像时，它会在新标签页中打开较大的图像（不是fancybox）。Fancybox无法正常工作（在新标签中打开，而不是弹出框）

这里是我的代码：

<!-- Add jQuery library --> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<!-- Add fancyBox --> 
<link rel="stylesheet" href="css/jquery.fancybox.css" type="text/css" media="screen" /> 
<script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>

我想在这里补充的fancybox：

<div id="slide"> 
     <ul> 
      <li><a class="fancybox" rel="group" href="bigImages/cover-mockup.jpg"><img src="images/001.png" alt="" /></a> 
       <div id="name4">Lettuce Eat's Flyer</div> 
      </li>

和的fancybox脚本：

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".fancybox").fancybox(); 
});

我已经创建简单的HTML与花哨x和它的工作。我对此做了同样的事情，但有些事情不对，我不知道...谢谢你的帮助。

来源

2014-10-12 user3460336

更换$看来你在你的页面的某个地方有一个js错误，使的fancybox（最可能是其他的东西）无法正常工作。检查控制台中的错误。检查你是否加载的不是单个版本的jQuery（其他插件可能会在下载中附带一个jQuery版本）。开始删除其他脚本，直到找到问题的根源。 – JFK 2014-10-12 18:14:22

你好，非常感谢。我已经包含jQuery库两次。现在正在工作。谢谢。 – user3460336 2014-10-12 23:33:36

尝试使用jQuery

jQuery(document).ready(function() { 
    jQuery(".fancybox").fancybox(); 
});

来源

2014-10-12 14:27:10 hsabbagh

谢谢你的帮助。我试过了，但它不起作用。 :( – user3460336 2014-10-12 15:48:47

Fancybox无法正常工作（在新标签中打开，而不是弹出框）

回答

相关问题