Fancybox jquery не работает внутри emptydatatemplate gridview. Может быть, потому, что он не загружается с $(document).готов сам, то есть на странице загрузки

---

Я выбрал "Fancybox Jquery" из http://fancybox.net/howto но это не работает на одной из моих страниц. На самом деле, я хочу, чтобы он работал как Linkbutton - - - - & gt; Галерея изображений (всплывающее окно) - - - - > каждое изображение из галереи в исходном размере с навигационными стрелками с обеих сторон (еще одно всплывающее окно)

Но для меня, после нажатия кнопки Linkbutton, галерея открывается с миниатюрами нормально. Но после нажатия на миниатюру изображения не открываются с помощью навигационных стрелок. Открытие просто как перенаправление изображения, то есть открытие как перенаправление URL-адреса по одному изображению для каждого клика.

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

<asp:Panel ID="TourPoster" runat="server" Visible="false">
            <div class="Referral1">
                <table>
        <tr><th class="Title" style="text-align: center;">Sample Tournament Posters<asp:ImageButton runat="server" ImageUrl="~/StyleSheets/Images/CloseButton.png" ImageAlign="Right" OnClick="LBSampleTournPostersClose_Click" /></th></tr>
        <tr>
            <td>
                <a class="fancybox" rel="group" href="/Images/Samples/Sample1.jpg"><img src="/Images/Samples/Sample1.jpg" alt=""/></a>
                <a class="fancybox" rel="group" href="/Images/Samples/Sample2.jpg"><img src="/Images/Samples/Sample2.jpg" alt=""/></a>
                <a class="fancybox" rel="group" href="/Images/Samples/Sample2.png"><img src="/Images/Samples/Sample2.png" alt=""/></a>
                <a class="fancybox" rel="group" href="/Images/Samples/Sample3.jpg"><img src="/Images/Samples/Sample3.jpg" alt=""/></a>
                <a class="fancybox" rel="group" href="/Images/Samples/Sample4.jpg"><img src="/Images/Samples/Sample4.jpg" alt=""/></a>
            </td>
        </tr>
</table>
        </div>
</asp:Panel>

Есть ли какая-нибудь ошибка с кодом? Я даже попробовал изменить внутри

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

Это тоже не работает. Пожалуйста, помогите

Что я уже пробовал:

Я даже попробовал изменить внутри

< script type= "text/javascript">
$(документ).готово(функция () {
$("на.fancybox").fancybox();
});

но это ни на что не влияет.

---