jquery UI 탭 플러그 인을 사용할 때 탭에서 스크립틀릿 코드를 실행하지 않는 방법

Question

방금 ​​jquery UI 탭 플러그인을 발견했습니다.

매우 멋진 구현이지만 현재 코드가있는 경우에는 무엇입니까?

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">tab1 </a></li> 
     <li><a href="#tabs-2">tab2</a></li> 

    </ul> 
    <div id="tabs-1"><%System.out.println("test1");%></div> 
    <div id="tabs-2"><%System.out.println("test2");%></div> 
</div> 

이 경우 페이지가 처음로드 될 때 tab1이 기본 탭입니다. 그러나 두 sys out 문은 처음에 실행됩니다. 기본 탭이 무엇인지는 중요하지 않습니다. 이상적인 첫 번째 sys out은 tab1이 선택되면 실행되어야하고 두 번째 sys2는 tab2가 선택 될 때 실행되어야합니다.

이 문제를 방지 할 수있는 방법이 있습니까? 또는 유일한 방법은 다른 탭에 대해 서로 다른 페이지를 갖는 것입니다.

Answer 1

자바 스크립트에 의해 제한되지 않기 때문에 스크립틀릿이 실행됩니다. tabs-1과 tabs-2의 콘텐츠를 탭이 클릭되지 않으면 실행하지 않으려는 경우이 플러그인의 'ajax'기능을 사용해야합니다. demo site에는이를 수행하는 방법이 나와 있습니다.