2013-03-13 96 views
1

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

+0

[请不要在帖子中使用签名](http://stackoverflow.com/faq#signatures) – peterm 2013-03-13 08:16:59

+0

无应答的2天。是的问题不明确还是没有人需要这样的事情,或者它不可能? – 2013-03-15 02:18:00

回答

3

UPDATE:

简单的方法是进行远程调用之前替代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"); 

这里工作jsFiddle example

+0

感谢您的回复。但这是jQM默认给出的,我现在正在使用它。但我有兴趣专门针对控件显示加载,而不是针对所有页面。基本上我正在寻找这样的东西:http://safeery2k.wordpress.com/2010/03/31/show-loading-indicator-to-autocomplete-extender/ – 2013-03-15 05:13:00

+0

@SimranjitSingh查看更新的答案 – peterm 2013-03-15 07:37:18

+0

哇!这很好。我最初认为它应该在删除按钮旁边,但对我个人而言,这看起来更好!非常感谢@peterm! – 2013-03-15 08:44:24