JQuery Fancybox не работает после обратной передачи

Question

У меня есть Fancybox (или, точнее) несколько причудливых ящиков на странице asp.net.

My Fancybox (jquery plugin) работает нормально, пока на странице не появится обратная передача, после чего он отказывается работать.

Любые мысли? Кто-то испытал подобное поведение?

UPDATE: Некоторый код ..

У меня есть DataBound ретранслятор с FancyBox на каждый повторяющийся пункте.

Они инстанциирован на (вне ретранслятора)

$(document).ready(function() { 
      $("a.watchvideo").fancybox({ 
      'overlayShow': false, 
      'frameWidth' : 480, 
      'frameHeight' : 400 
      }); 
     }); 

Якорь тег повторяется ..

HREF = "# watchvideo_ <% # Eval (" VideoID ")%>"

Как это ДИВ с

id="watchvideo_<%#Eval("VideoId") %> 

Как элемент сценария, который устанавливает флеш-ролики

Да, на странице VideoIds выводится страница.

UPDATE: Это не проблема со вспышкой ..

Это не проблема со вспышкой, как я уже пробовал без вспышки, она не будет даже выскочить окно с простым сообщением в .

ОБНОВЛЕНИЕ: Интересно, это обновленная панель.

Rebinding events in jQuery after Ajax update (updatepanel)

- подветренной

Answer 1

Это панель Update, как описано

здесь .. Rebinding events in jQuery after Ajax update (updatepanel)

Как предположил я просто заменил

$(document).ready(function() { 
      $("a.watchvideo").fancybox({ 
      'overlayShow': false, 
      'frameWidth' : 480, 
      'frameHeight' : 400 
      }); 
     }); 

с

function pageLoad(sender, args) 
{ 
    if(args.get_isPartialLoad()) 
    { 
     $("a.watchvideo").fancybox({ 
      'overlayShow': false, 
      'frameWidth' : 480, 
      'frameHeight' : 400 
      }); 

    } 
} 

и это сработало!

- Ли

Answer 2

Может быть, что код инстанцировании вставляется в кусок кода, который не запущен после обратной передачи?

Answer 3

Проблема заключается в использовании $(document).ready() связать FancyBox. Этот код выполняется только один раз, когда страница изначально загружена. Если вы хотите, чтобы функциональность fancybox на каждой обратной передаче, синхронной или асинхронной, замените $(document).ready() на pageLoad(sender, args). то есть

function pageLoad(sender, args) { 
     $("a.watchvideo").fancybox({ 
     'overlayShow': false, 
     'frameWidth' : 480, 
     'frameHeight' : 400 
     }); 
} 

see this answer for more info

Answer 4

Это может помочь кому-то еще, но FancyBox присоединяет его код в < тела > элемент ... который все прекрасно и хорошо, но находится ВНЕ asp.net < формы > элемент , Мои проблемы обратной передачи ушел, когда я изменил FancyBox добавлять свои Dóm объекты в < форме > элемента:

$('body form:first').append(...); 

Answer 5

У меня была аналогичная проблема с страничной сетки ракурса. На первой странице сетки был запущен fancybox, в то время как переиздание не было.

Я думал, что это может быть проблема, связанная с UpdatePanel, которая обновляет только часть экрана.

Я решил проблему, заменив это:

<script> 
     $(document).ready(function() { 

      $("a.small").fancybox(); 

     }); 
    </script> 

с этим:

<script> 
     function pageLoad(sender, args) { 
      $("a.small").fancybox(); 
     }; 
    </script>