jscrollbar在調用隱藏的div時不顯示

Question

我在隱藏的div中包含帶有垂直滾動條的列表框的內容。當單擊鏈接時，div會與列表框和默認滾動條一起顯示。

難題在於jscrollpane是在包含列表框而不是默認滾動條的div上聲明的。

在同一頁面中，我有一個事件，如果瀏覽器窗口重新調整大小，jscrollpane將重新初始化爲瀏覽器水平滾動。如果重新調整瀏覽器的大小，則會針對水平和垂直顯示正確的jscrollpane。

我想要加載jscrollpane時，初始div狀態從隱藏更改爲可見。我知道jscrollpane的工作原理是因爲它會觸發重新調整大小。

我需要做些什麼才能使它在div的初始更改狀態從隱藏狀態變爲可見狀態？我應該尋找什麼事件？我曾嘗試以下以及更多......

$(document).onload(function() { 
       $(function() { 
        jScrollPane = $('.scroll-pane').jScrollPane({ showArrows: true, arrowScrollOnHover: true }); 
       }); 
      }); 

而且

$(document).ready(function() { 
       $(function() { 
        jScrollPane = $('.scroll-pane').jScrollPane({ showArrows: true, arrowScrollOnHover: true }); 
       }); 
      }); 

糾正所有JScrollPane的

   $(window).resize(function() { 
       if (this.resizeTO) clearTimeout(this.resizeTO); 
       this.resizeTO = setTimeout(function() { 
        $(this).trigger('resizeEnd'); 
       }, 500); 
      }); 

      $(window).bind('resizeEnd', function() { 

       $(function() { 
        jScrollPane = $('.scroll-pane').jScrollPane({ showArrows: true, arrowScrollOnHover: true }); 
       }); 
       var newHeight = $(window).height(); 

      }); 

代碼顯示隱藏DIV

調整大小碼

function showDiv(elemId, userDivId) { 
var elem = document.getElementById(elemId); 
var calcedPos = (window.outerWidth - mouseXpos); 
var userDetailWidth = $(".UserDetail").width(); 
if (calcedPos >= (userDetailWidth + 100)) { 
    $(elem).animate({ width: 'show' }, 210); 
} 

document.getElementById(elemId).style.visibility = 'visible'; 
document.getElementById(elemId).style.display = 'block'; 

$('.user-list-container').css('background-color', 'inherit'); 
document.getElementById(userDivId).style.backgroundColor = '#e6e6e6'; 

$('.spacer-container').height(100); 

vph = $(window).height(); 
cvph = vph - 730; 
$('.spacer-container').css({ 'height': cvph + 'px' }); 

}

Answer 1

只是發出一個大小調整到窗口後您做出div可見..

$(window).trigger('resize');