Question

这是我在Site.master上的代码：

<head runat="server"> <asp:ContentPlaceHolder ID="head" runat="server"></asp:ContentPlaceHolder> </head>

在default.aspx页面上，我有：

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<link href="fancybox/source/jquery.fancybox.css?v=2.1.4" rel="stylesheet" type="text/css" media="screen"/>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.4"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#gallery a').fancybox();
    });
</script>
<div class="gallery">
<a href="images/Books/hpcos.jpeg" rel="gallery">
<img src="images/Books/hpcos.jpeg" width="70" height="70" alt = "" />
</a>
<a href="images/Books/the_hobbit.jpeg" rel="gallery">
<img src="images/Books/the_hobbit.jpeg" width="70" height="70" alt = "" />
</a>
</div>

当我点击图片时，页面只会加载图片。有人请指出我出错的地方。

Answer 1

您选择了错误的选择器，当前的选择器代表id选择器，而在您的div中，您已经定义了类。所以选择器应该如下所示：

$('.gallery a').fancybox();

这将解决您的问题。

使用fancybox显示弹出图像的问题

1 个答案: