Telerik和jQuery：RadGrid和Fancybox

我使用telerik radgrid來顯示圖像並使用jquery fancybox在用戶控件（ascx文件）上彈出圖像。問題是在第一頁fancybox正常工作。在網格的下一頁，fancybox無法正常工作。以下腳本粘貼在ascx文件中。Telerik和jQuery：RadGrid和Fancybox

<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>

我感謝所有幫助。謝謝！

來源

2012-06-01 RedsDevils

來自RadGrid插件動態添加到DOM以外的其他頁面的最有可能的圖像。您正在使用fancybox v1.3.4，它不支持動態添加的元素。

雖然我發佈了workaround here。您可能需要調整腳本以匹配父母的容器選擇器。

最後，你可以升級到fancybox v2.x，不會有任何進一步做（該版本支持現有的和動態添加的元素。）

來源

2012-06-01 05:27:45 JFK

我下載的JQuery 1.7，並使用喜歡你的例子。有時會集中在事件發生時：有時候不會發射。它會是什麼？ – RedsDevils

如果你分享一個鏈接，這樣會更容易，所以我可以跟蹤這個bug。 – JFK

現在我得到了$（「。img_group a」）。fancybox。它可以解決我的問題。謝謝JFK。 :) – RedsDevils

Telerik和jQuery：RadGrid和Fancybox

回答

相關問題