ajax更新列表后没有更新jquery样式答案

【问题标题】：No update of jquery styling after ajax update of listajax更新列表后没有更新jquery样式
【发布时间】：2012-04-16 09:23:42
【问题描述】：

我正在使用检票口更新列表。列表将被更新（发出 ajax 请求，发送响应并更新列表）。到目前为止，一切正常。

更新列表后，我调用 javascript/jquery 方法 $('ul').listview('refresh') 来（重新）添加所有必要的 jquery 样式。但这不会发生。（更新的）列表将无样式显示。

有什么想法，我错过了什么？

html部分：

...
<ul id="sitzungenList" wicket:id="sitzungenListContainer" data-role="listview" data-divider-theme="b" data-inset="true">
    <li wicket:id="sitzungen" data-theme="c">
        <a href="#page2" data-transition="slide">
            <span wicket:id="sitzungName">[Sitzung]</span>
        </a>
    </li>
</ul>
...

java部分（列表的初始化）：

...
final WebMarkupContainer sitzungenListContainer = new WebMarkupContainer("sitzungenListContainer");
        sitzungenListContainer.setOutputMarkupId(true);
        sitzungenForm.add(sitzungenListContainer);
        final ListView<Meeting> sitzungenList = new ListView<Meeting>("sitzungen", meetingsService.getAll(Meeting.class)) {
            @Override
            protected void populateItem(ListItem<Meeting> listItem) {
                listItem.add(new Label("sitzungName", listItem.getModelObject().getName()));
            }
        };
        sitzungenListContainer.add(sitzungenList);
...

最后是列表的更新（在 AjaxButton 的 onSubmit 方法中）：

...
sitzungenList.setList(meetingsService.getMeetings(sitzungenSearchParam));
target.add(sitzungenListContainer);
target.appendJavaScript("$('ul').listview('refresh')");
...

【问题讨论】：

进行了更多测试 - “Wicket Ajax 调试窗口”显示以下错误：ERROR: Wicket.Ajax.Call.processEvaluation: Exception evaluating javascript: cannot call methods on listview prior to initialization; attempted to call method 'refresh' 。

标签： jquery jquery-mobile wicket wicket-1.5

【解决方案1】：

使用 Wicket 的 AJAX 功能，您替换 <ul> 标记及其子标记的完整 DOM 节点。因此 JQuery 不能将 <ul> 识别为列表视图。根据answer to this question你需要调用listview构造函数而不是刷新：

target.appendJavaScript("$('ul').listview()");

【讨论】：

谢谢马丁！现在就像一个魅力。