Telerik и jQuery: RadGrid и Fancybox

Question

Я использую радиостанцию ​​telerik для показа изображений и использования jQuery fancybox для отображения изображения в пользовательском элементе управления (файл ascx). Проблема в правильной работе fancybox на первой странице. На следующей странице сетки fancybox работал неправильно. Скрипты follwing вставляются в файл 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> 

Я признателен за любую помощь. Спасибо!

Answer 1

Скорее всего изображения с других страниц, кроме первых, динамически добавляются в DOM плагином RadGrid. Вы используете fancybox v1.3.4, который не поддерживает динамически добавленные элементы.

Я разместил workaround here. Вам может понадобиться настроить скрипт в соответствии с селектором контейнеров вашего родителя.

В конце концов, вы можете перейти на fancybox v2.x и не будете дальше делать (эту версию поддерживает существующие и динамически добавленные элементы.)