title: Jquery Fancybox not working after postback
body: <p>I have a Fancybox (or more accurately) a number of fancy boxes on an asp.net page.</p>
  
  <p>My <a href="http://fancybox.net/" rel="nofollow noreferrer">Fancybox</a> (jquery plugin) works fine until a postback occurs on the page then it refuses to work.</p>
  
  <p>Any thoughts? Anyone experienced similar behaviour?</p>
  
  <p><strong>UPDATE : Some Code..</strong></p>
  
  <p>I have a databound repeater with a fancybox on each repeating item.</p>
  
  <p>They are instanciated by (outside the repeater)</p>
  
  <pre><code>$(document).ready(function() {
              $("a.watchvideo").fancybox({
              'overlayShow': false,
              'frameWidth' : 480,
              'frameHeight' : 400
              });
          }); 
  </code></pre>
  
  <p>The anchor tag is repeated..</p>
  
  <blockquote>
    <p>href="#watchvideo_&lt;%#Eval("VideoId")%>"</p>
  </blockquote>
  
  <p>As is a div with </p>
  
  <pre><code>id="watchvideo_&lt;%#Eval("VideoId") %&gt;
  </code></pre>
  
  <p>As is a script element that instanciates the flash movies</p>
  
  <p>Yes the VideoIds are being output the the page.</p>
  
  <p><strong>UPDATE : It's not a problem with the flash..</strong></p>
  
  <p>It is not a problem with the flash as i've tried it without the flash, it wont even pop a window with a simple message in.</p>
  
  <p><strong>UPDATE : I wonder if it is the updatepanel.</strong></p>
  
  <p><a href="https://stackoverflow.com/questions/301473/rebinding-events-in-jquery-after-ajax-update-updatepanel">Rebinding events in jQuery after Ajax update (updatepanel)</a></p>
  
  <p>-- lee</p>