Jquery Fancybox ne fonctionne pas après la publication

Question

J'ai un Fancybox (ou plus précisément) un certain nombre de boîtes de fantaisie sur une page asp.net.

Mon Fancybox (plugin jquery) fonctionne correctement jusqu'à ce qu'une publication se produise sur la page, puis il refuse de fonctionner.

Des pensées? Quelqu'un at-il connu un comportement similaire?

MISE À JOUR: Certains code ..

J'ai un répéteur databound avec un fancybox sur chaque point de répéter.

Ils sont instanciés par (en dehors du répéteur)

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

La balise d'ancrage est répété ..

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

Comme un div avec

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

Comme c'est un élément de script qui instancie les films flash

Oui, les VideoId sont en train de sortir la page.

MISE À JOUR: Ce n'est pas un problème avec le flash ..

Il est pas un problème avec le flash comme je l'ai essayé sans le flash, il pop wont même une fenêtre avec un message simple

MISE À JOUR: Je me demande s'il s'agit du panneau de mise à jour.

Rebinding events in jQuery after Ajax update (updatepanel)

- lee

Answer 1

Il était le panneau de mise à jour comme décrit

ici .. Rebinding events in jQuery after Ajax update (updatepanel)

Comme je suggère simplement remplacé

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

avec

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

    } 
} 

et cela a fonctionné!

- Lee

Answer 2

pourrait-il que le code d'instanciation est inséré à un morceau de code qui est exécuté pas après une publication?

Answer 3

Le problème est à utiliser $(document).ready() pour lier le fancybox. Ce code est seulement exécuté une fois, lorsque la page est chargée à l'origine. Si vous voulez la fonctionnalité fancybox sur chaque publication, synchrone ou asynchrone, remplacez le $(document).ready() par pageLoad(sender, args). c'est à dire.

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

see this answer for more info

Answer 4

Cela pourrait aider quelqu'un d'autre, mais FancyBox son code ajoute à tout beau et bien l'élément du corps < > ... ce qui est, mais réside à l'extérieur du asp.net < forme d'élément > . Mes problèmes de postback sont partis quand je FancyBox modifié pour ajouter ses objets dom à l'élément de forme < >:

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

Answer 5

J'ai eu un problème similaire avec une grille vue paginée. La première page de la grille a été le lancement de la fancybox tandis que le reste n'a pas.

Je pensais que cela pourrait être un problème lié au UpdatePanel qui n'actualise qu'une partie de l'écran.

Je résolu la question en remplaçant ceci:

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

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

     }); 
    </script> 

avec ceci:

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