Jscrollpane + Fancybox + Bootstrap

Question

我试图解决一个问题，不显示JScrollPane的窗口ajax Fancybox与结构流体引导内的行。

我在网上看到几乎所有与该问题有关的帖子，我已经尝试了几乎所有的东西，但它确实是一个你无法解决的问题？

我使用的文件main.js：对的fancybox丝毫JScrollPane的（在Firefox没有工作）

$(".various").attr('rel', 'gallery').fancybox({ 
     maxWidth: 900, 
     maxHeight: 400, 
     fitToView: false, 
     autoSize: false, 
     closeClick: false, 
     openEffect: 'fade', 
     closeEffect: 'fade', 


     'onComplete': (function(){ 
      scrollpane = $('.row-fluid #span4project').jScrollPane({showArrows: true, scrollbarWidth : '50'}); 
     }), 
     'onStart' : (function() { 

     }), 
     'onClose' : (function() { 
      scrollpane.destroy(); 
     }) 


    }); 

代码在主页的内容（在Firefox良好的工作）

if (!$.browser.webkit) { 
     $('#content1').jScrollPane(); 
     $('#content2').jScrollPane(); 
     $('#content3').jScrollPane(); 
     $('#content4').jScrollPane(); 

      } 

Answer 1

特定代码

感谢您的回答，我尝试白衣代码支持的fancybox 2

这是。各种

代码

/* fancybox  ---------------------------------------------   */ 
    /* profile, research */ 
    $(".various").attr('rel', 'gallery').fancybox({ 
     maxWidth: 900, 
     maxHeight: 400, 
     fitToView: false, 
     autoSize: false, 
     closeClick: false, 
     openEffect: 'fade', 
     closeEffect: 'fade', 
     afterLoad:function(){ 

      $('.rowfluid').jScrollPane({width:265, scrollbarWidth:17, scrollbarMargin:10, showArrows:true, arrowSize: 17, wheelSpeed:71}); 
     }