在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集成,而不是直接绑定到Twitter Bootstrap.这允许您使用Java代码中的Bootstrap组件,这更像Wicket风格,而不是使用Javascript来摆弄它们.

该项目可在以下网址找到:https://github.com/l0rdn1kk0n/wicket-bootstrap.它有很好的入门指导.对于更高级的用法,我建议调查示例项目.