title: I can't get Backbone.js events to trigger when the View is within a Fancybox
body: <p>I have a Backbone View that renders within a Fancybox.  I can click on an anchor tag and it will work but events in the Backbone view won't trigger.  I've had the same problem with ShadowBox and another lightbox that I can't remember.  Any thoughts?</p>
  
  <pre><code>var LightboxItemView = Backbone.View.extend({
      className : 'lighbox-item',
  
      events : {
          "click .lightbox-preview" : "visitItemPage"
      },
  
      initialize : function() {
          _.bindAll(this, "render");
          this.render();
      },
  
      visitItemPage : function() {
          console.log('visiting time');
      },
  
      render : function() {
          var graphicPreview = $('&lt;img&gt;');
          graphicPreview.addClass('lightbox-preview');
          graphicPreview.attr('src', this.model.get('url_m'));
  
          var lbContent = $('&lt;div&gt;&lt;/div&gt;');
          lbContent.attr("id", 'lb' + this.model.get('id'));
          lbContent.append(graphicPreview);
  
          var lbHider = $('&lt;div&gt;&lt;/div&gt;');
          lbHider.css("display", "none");
          lbHider.append(lbContent);
  
          $(this.el).append(lbHider);
          return this;
      }
  });
  </code></pre>