由于 Wicket 框架插入的结构元素而出现问题的 JQuery 脚本

Question

我在使用 Wicket 和 JQuery 时遇到问题。我正在构建一棵具有 ul/li 结构的树。然而，Wicket 插入了它自己的元素，我无法删除这些元素，例如对于这样的结构:

<ul>
    <li><input type="checkbox"/></li>
    <li>
      <ul>
        <li><input type="checkbox"/></li>
        <li><input type="checkbox"/></li>
      </ul>
<ul>

你最终会得到类似的东西:

<ul>
    <span><li><input type="checkbox"/></li></span>
    <span><li>
      <wicket:panel><ul>
        <span><li><input type="checkbox"/></li></span>
        <span><li><input type="checkbox"/></li></span>
      </ul></wicket:panel>
     </span>
<ul>

所以，第二个代码有一些垃圾，导致 jquery 出现一些问题，例如，如果我对第一个示例的某些元素调用children()和siblings()方法，我将得到一致的结果，但是第二个例子，要跟上 Wicket 框架导致的“结构异常”(wicket:面板和跨度)变得非常复杂。

我想要做的就是能够设置不确定的复选框值，我找到了一个不错的 jquery 脚本:

http://css-tricks.com/indeterminate-checkboxes/

但是，我找不到让脚本“忽略”Wicket 引入的元素的方法，也没有找到调整脚本以便我可以找到它需要验证的复选框的方法。

解决此类问题的干净方法是什么？我将遇到更多类似的情况，其中 wicket 元素结构将导致已在示例页面上测试过的 jquery 脚本不再工作...

Answer 1

显示带有 Wicket ID 的标记文件。从你显示的输出中我猜测:

1. <wicket:panel>在输出 html 中 - 要消除此问题，请使用程序 setStripWicketTags(true) http://ci.apache.org/projects/wicket/apidocs/6.x/org/apache/wicket/settings/IMarkupSettings.html#setStripComments%28boolean%29

2. 为了摆脱输出 html 中的跨度，我猜您正在将 wicket id 附加到跨度元素。您不必使用<span>元素，您可以直接将 wicket id 添加到 <li>元素:<li wicket:id="blah"></li> 。最终在 Wicket 口上附加了<span>您可以调用setRenderBodyOnly(true) 。不过我不推荐这样做，特别是如果你使用ajax。我不知道这是否有帮助 - 我需要查看原始标记文件。