1

当我们在 jquery mobile 1.3 自动完成中进行远程调用时，是否可以在“X”明文图标之前的过滤器输入的最右侧显示加载图标。

4

1 回答 1

3

更新：

最简单的方法是delete在进行远程调用之前替换 jQM 搜索小部件的图标，然后在完成处理后将其返回。从用户体验来看，恕我直言，这比添加第二个图标更有意义。

首先为我们的 ajax 图标定义类

.ui-icon-ajax {
    background-image: url(http://code.jquery.com/mobile/1.3.0/images/ajax-loader.gif);
    background-size: 18px 18px;
}

在我们进行 ajax 调用之前的第二个替换图标

$("form.ui-listview-filter a span.ui-btn-inner span.ui-icon")
    .removeClass("ui-icon-delete")
    .addClass("ui-icon-ajax");

第三次返回删除图标返回

$("form.ui-listview-filter a span.ui-btn-inner span.ui-icon")
    .removeClass("ui-icon-ajax")
    .addClass("ui-icon-delete");

这是工作jsFiddle 示例

于 2013-03-15T03:46:28.220 回答