在 Wicket 中使用 javascript（引导程序）

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 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 );

当我想访问页面时。

我缺少什么？

我建议使用 wicket-bootstrap 集成，而不是直接绑定到 Twitter Bootstrap。这允许您在 Java 代码中使用 Bootstrap 组件，这更像是 Wicket 风格，而不是用 Javascript 来摆弄它们。

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