Question

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

Answer 1

<强>更新

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

首先为我们的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");