0

我正在使用 Telerik radgrid 显示图像并使用 jquery fancybox 在用户控件（ascx 文件）中弹出图像。问题是在第一页fancybox 工作正常。在网格的下一页，fancybox 无法正常工作。以下脚本粘贴在 ascx 文件中。

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="../../Scripts/fancybox/jquery.easing-1.3.pack.js"></script>
    <script type="text/javascript" src="../../Scripts/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="../../Scripts/fancybox/jquery.fancybox-1.3.4.js"></script>
    <link rel="stylesheet" type="text/css" href="../../Scripts/fancybox/jquery.fancybox-1.3.4.css" media="screen" />

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

        $("a.img_group").fancybox({
            'transitionIn' : 'none',
            'transitionOut' : 'none',
            'titlePosition' : 'over',
            'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
            return '<span id="fancybox-title-over">' + (title.length ? ' &nbsp; ' + title : '') + '</span>';
    }
    }); 

    });

</script>

在网格

<a  class="img_group" runat="server" title='Photo_Title' href='imageURL'>
   <img runat="server" alt="image" src='imgSource'  Width="120" Height="95" id="imgOne" />
</a>

我很感激任何帮助。谢谢！！

4

1 回答 1

0

RadGrid 插件最有可能将来自第一个页面以外的其他页面的图像动态添加到 DOM。您使用的是 fancybox v1.3.4，它不支持动态添加的元素。

我在这里发布了一个解决方法。您可能只需要调整脚本以匹配您父母的容器选择器。

Eventually, you may upgrade to fancybox v2.x and won't have any further to do (that version supports existing and dynamically added elements.)

于 2012-06-01T05:27:45.823 回答