jquery mobile autocomplete加載圖標

當我們在jquery mobile 1.3自動完成中進行遠程調用時，在「X」明文圖標之前，是否有可能在過濾器輸入內部的極端右側顯示加載圖標。jquery mobile autocomplete加載圖標

2013-03-13 Simranjit Singh

[請不要在帖子中使用簽名]（http://stackoverflow.com/faq#signatures） – peterm 2013-03-13 08:16:59

無應答的2天。是的問題不明確還是沒有人需要這樣的事情，或者它不可能？ – 2013-03-15 02:18:00

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

來源

2013-03-15 03:46:28 peterm

感謝您的回覆。但這是jQM默認給出的，我現在正在使用它。但我有興趣專門針對控件顯示加載，而不是針對所有頁面。基本上我正在尋找這樣的東西：http://safeery2k.wordpress.com/2010/03/31/show-loading-indicator-to-autocomplete-extender/ – 2013-03-15 05:13:00

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

哇！這很好。我最初認爲它應該在刪除按鈕旁邊，但對我個人而言，這看起來更好！非常感謝@peterm！ – 2013-03-15 08:44:24

jquery mobile autocomplete加載圖標

回答

相關問題