0

私はtelerikradgridを使用して画像を表示し、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 を使用しています。

私は回避策をここに投稿しました。親のコンテナー セレクターに合わせてスクリプトを微調整する必要がある場合があります。

最終的にはfancybox v2.xにアップグレードすることができ、それ以上の作業は必要ありません (そのバージョンは既存の要素と動的に追加された要素をサポートしています)。

于 2012-06-01T05:27:45.823 に答える