3

  1. まず、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"));

  2. 次に、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 ファイルが表示されます。それでロードされます。

  3. ここで説明されているように、必要なタグを 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 );

ページにアクセスしたいとき。

私は何が欠けていますか？

4

1 に答える 1

5

Twitter Bootstrapに直接バインドする代わりに、wicket-bootstrap統合を使用することをお勧めします。これにより、Javascriptをいじる代わりに、よりWicketスタイルのJavaコードでBootstrapコンポーネントを操作できます。

プロジェクトはhttps://github.com/l0rdn1kk0n/wicket-bootstrapにあります。それは始めるためのまともな指示を持っています。より高度な使用法については、サンプルプロジェクトを調査することをお勧めします。

于 2013-01-13T12:30:15.587 に答える