Wicket에서 javascript (부트 스트랩) 사용

먼저 Wicket의 JavaScript를 JavaScript 리소스 참조와 함께 올바르게 추가했습니다.Wicket에서 javascript (부트 스트랩) 사용

response.renderJavaScriptReference("http://code.jquery.com/jquery-latest.js"); 
response.renderJavaScriptReference(new JavaScriptResourceReference(JSAccessor.class,"bootstrap.js")); 
response.renderJavaScriptReference(new JavaScriptResourceReference(JSAccessor.class,"bootstrap.min.js"));

둘째 I는 CSS 자원 참조 개찰하는 부트 스트랩 CSS를 첨가.
```
response.renderCSSReference(new CssResourceReference(CssAccessor.class, 
     "bootstrap.css")); 
response.renderCSSReference(new CssResourceReference(CssAccessor.class, 
     "bootstrap-responsive.css")); 
```
지금까지 작동합니다. 왜 ?

브라우저를 통해 열리는 JavaScript 파일을 소스 코드에서 볼 수 있습니다. 파일을 클릭하면
```
<script type="text/javascript" src="./wicket/resource/blablabla.JSAccessor/bootstrap-ver-1357907592544.js"></script> 
```
브라우저에 JavaScript 파일이 있습니다. 그래서로드됩니다. 여기에 설명 된대로

내가 내 HTML 페이지 에 필요한 태그를 추가 : http://twitter.github.com/bootstrap/javascript.html#tabs

<ul class="nav nav-tabs"> 
     <li><a href="#" data-toggle="tab" wicket:id="as2">AS2</a></li> 
     <li><a href="#" data-toggle="tab" wicket:id="ftp">FTP</a></li> 
     <li><a href="#" data-toggle="tab" wicket:id="long">Long-Running</a></li> 
    </ul>

와 자바 스크립트가 작동하지 않습니다 ... 활성 탭은 활성으로 표시되지 않습니다.

자바 스크립트 디버거 콘솔

나를 보여줍니다

Error: Syntax error, unrecognized expression: ./wicket/bookmarkable /blablabla.AS2Page 

throw new Error("Syntax error, unrecognized expression: " + msg);

나는이 페이지에 액세스 할 때.

무엇이 누락 되었습니까?

출처

2013-01-12 David Sonnenfeld

Twitter Bootstrap에 직접 바인딩하는 대신 wicket-bootstrap 통합을 사용하는 것이 좋습니다. 이렇게하면 Java 코드로 부트 스트랩 구성 요소로 작업 할 수 있습니다. Java 코드로 Wicket 스타일로 작업하는 대신 더 많이 사용합니다.

프로젝트는 https://github.com/l0rdn1kk0n/wicket-bootstrap에서 찾을 수 있습니다. 시작하기에 알맞은 지침이 있습니다. 보다 고급 사용을 위해 샘플 프로젝트를 조사하는 것이 좋습니다.

출처

2013-01-13 12:30:15 iluwatar

흠 .. 그래도 wicket-bootstrap없이 작동해야합니다. 회사에서 일하고 있기 때문에 정상적인 트위터 부트 스트랩이 있습니다. –

Wicket에서 javascript (부트 스트랩) 사용

답변

관련 문제