javascript - 无法使用 jQuery 长度找出现有元素

Question

我正在使用bootstrap multiselect根据文本框的搜索更新/显示一些用户，即根据我的应用程序要求，从文本中选择的结果将显示在多选中。取消选择某个选项将从多选和重建中删除该值。我正在使用 wicket 框架来显示此多选，如下所示 -

private PaletteListChoice<T> addSelectedEntities(...) {
    final PaletteListChoice<T> result = new PaletteListChoice<T>(id, model, choicesModel, renderer, this) {
        private static final long serialVersionUID = 1L;

        @Override
        public void renderHead(IHeaderResponse response)
        {
            String jsSelectedField = "var idSelector = '" + getMarkupId() + "';\n"
                    + "var idSelectorUL = jQuery('#' + idSelector +'UL');\n"
                    + "if(idSelectorUL.length) {\n" // if idSelectorUL present, don't create bootstrap-multiselect again
                    + "} else {\n" // if idSelectorUL not present, then create bootstrap-multiselect again
                    + "MultiSelect.setMultiSelect(idSelector, false);\n" // custom code to display bootstrap multiselect, similar to $('#id').multiselect();
                    + "}\n";

            response.renderOnDomReadyJavaScript(jsSelectedField);
        }
    };
    parent.add(result);
    return result;
}

现在，我的问题是，虽然 idSelectorUL(例如 selectddUL)存在，但我得到的 idSelectorUL.length 为“0”。一旦选项被删除，我就会重建多选，并且由于上述问题，我得到两个多选(长度返回 0 并且 wicket 创建多选选项)

我的代码或使用 jQuery 根据 id 识别 UL 存在的任何其他方法有任何问题吗？

Answer 1

您是否在组件上调用 setOutputMarkupId(true); ？

加载时该组件是否存在于页面上，或者该组件是否通过 ajax 添加？如果是这样，您应该将 JavaScript 从 renderHead 移动到附加到组件本身的行为中。