1

これは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>

画像をクリックすると、画像だけでページが読み込まれます。どこが間違っているのか誰かに指摘してもらえますか。

4

1 に答える 1

2

間違ったセレクターを選択しました。現在のセレクターはidセレクターを表していますが、divではクラスを定義しています。したがって、セレクターは次のようになります。

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

これで問題が解決します。

于 2013-03-03T06:41:02.760 に答える