javascript - 在 Wicket 中使用 javascript (bootstrap)

Question

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 资源引用将 bootstrap 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 );

当我想访问页面时。

我错过了什么？

Answer 1

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

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