jScroll pane 기능을 사용하면 div의 내용을 변경하기 위해 "컨테이너의 텍스트 설정"버튼을 클릭 할 때 종료됩니다.

Question

이것은 가능해야하지만 자바 스크립트에 대한 지식은 매우 제한적입니다.

고정 된 크기의 DIV ID 컨테이너가 하나 있는데 각 버튼을 클릭하고 해당 컨테이너 내의 콘텐츠가 변경되기를 원합니다. DIV ID에는 jScroll 기능이 있으므로 스타일이 적용된 스크롤 막대가 만들어집니다.

"컨테이너의 텍스트 설정"동작을 설정하면 모든 것이 올바르게 배치되고 버튼이 작동하지만 jScroll이 작동하지 않으므로 내용 오버플로가 간단히 끊어집니다.

어떻게 수정합니까? Javascript 호출 기능을 사용해야합니까?

편집 :
나는 내 문제에 대한 대답은 자신의 웹 사이트에있는 것을 알고 있지만 자습서 또는 내가 어디에 배치 할 위치를 이해하지 못하는 등 자바 스크립트, API, 익숙하지 않은 사람들을위한 지침 사용 방법이없는 코드 또는 심지어 어떤 코드를 추가하여이 작업을 할 수 있습니다. DIV ID에서 jScroll javascript를 다시 작성하는 방법에 대한 자세한 지침을 제공 할 수 있습니까? 저는 Dreamweaver를 사용하고 있으며 "컨테이너의 텍스트 설정"은 어떻게 든 컨테이너의 jScroll javascript를 무효화합니다.

Answer 1

.reinitialise();를 호출 해 보았습니까? 또한

$(function() 
{ 
    /* settings for the jsp */ 
    var settings = { 
     showArrows: true 
    }; 

    /* a handle to the element in the DOM */ 
    var pane = $('.scroll-pane'); 

    /* initiate the plugin and create the jsp */ 
    pane.jScrollPane(settings); 

    /* get a handle to the jScrollPanes data */ 
    var api = pane.data('jsp'); 
    var i = 1; 

    /* Every second add some new content by calling this function */ 
    setInterval(
     function() 
     { 
      /* get a handle to the jsp content and append a paragraph with some text to it */ 
      api.getContentPane().append(
       $('<p />').text('This is paragraph number ' + i++) 
      ); 

      /* we could call "pane.jScrollPane(settings)" again but it is 
       more convenient to call via the API as then the original 
       settings we passed in are automatically remembered. 
      */ 
      api.reinitialise(); 
     }, 
     1000 
    ); 
}); 

그냥 autoReinitialise에 전달할 수 있습니다 : 설정에서 진정한 한 다음 API를 호출해야 해달라고 jScroll 요소

에 나는 here

이 예를 살펴 그것을 발견 .reinitialise(); at cost