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 资源参考的检票口。

    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 集成。这允许您在 Java 代码中使用更 Wicket 样式的 Bootstrap 组件，而不是用 Javascript 摆弄它们。

该项目可以在以下位置找到：https ://github.com/l0rdn1kk0n/wicket-bootstrap 。它有很好的入门说明。对于更高级的用法，我建议研究示例项目。

于 2013-01-13T12:30:15.587 回答