我花了最后两个小时试图让fancybox为我工作而无济于事。我也搜索了这个论坛,但没有任何帮助。我希望有人能够帮助我。
以下是链接:
<link href="/css/bootstrap.css" media="screen" rel="stylesheet" type="text/css" >
<link href="/css/main.css" media="screen" rel="stylesheet" type="text/css" >
<link href="/css/jquery.fancybox.css" media="screen" rel="stylesheet" type="text/css" >
<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.js"></script>
<script type="text/javascript" src="/js/jquery.fancybox.js"></script>
<script type="text/javascript" src="/js/jquery.fancybox.pack.js"></script>
以下是代码:
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox').fancybox();
});
但以下情况不起作用,图片会在新页面中打开:
<a href="/index.php/files/showimage/id/80" class="fancybox" title="View Image">
<img src="/img/icons/image.png" alt="Member Image" /></a>
使用Firebug控制台时,我没有遇到任何错误。我使用的是Firefox,但它在Chrome和Safari中也不起作用。 提前谢谢。