まず、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"));
次に、CSS リソース参照を使用してブートストラップ CSS を wicket に追加しました。
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>
そしてJavaScriptが機能していません...アクティブなタブはアクティブとして表示されません。
JavaScript デバッガー コンソールに次のように表示されます。
Error: Syntax error, unrecognized expression: ./wicket/bookmarkable /blablabla.AS2Page
throw new Error( "Syntax error, unrecognized expression: " + msg );
ページにアクセスしたいとき。
私は何が欠けていますか?