javascript - JQMobile - カスタム ajax でスピナーを読み込めません

Question

data-ajax=falseの検索フォームがあります。私は自分のカスタム ajax 呼び出しを書きたいと思っています。

<form id="search" data-ajax="false">
<fieldset data-role="controlgroup" data-mini="true">
<input required="required" autocorrect="off" name="TERM_1" placeholder="Search Catalogue" type="search" value=""/>
</fieldset>
</form>

以下はjsコードです

$(document).bind('pageinit',function() {
$('#search').unbind('submit');
        $('#search').submit(function(event) {
        $.mobile.loading( 'show', { text: "loading", textonly: true, textVisible : true });
        input = $('[name="TERM_1"]').val();
        $.ajax(
        {
            type: "GET",
            async: false,
            url: 'LiberoWebServices.JSONAPI.cls',
            data: 
            {
                Method: "Catalogue",
                Type: "simple",
                Split: 10,
                Term: input
            },
            dataType: 'jsonp',
            success: function(data) {
                loadResults(data);
            },
            complete: function(data) {
                $.mobile.loading('hide');
            }
        })
        return false;
        });
    });

読み込みポップアップが表示されないようです。バインドを解除してバインドする方法に関係していると思います。バインドを解除した理由は、フォームを送信するたびに、DOM でプリフェッチした他のすべてのページに対して ajax 呼び出しを実行し続けるためです。これを行うための最良の方法が何であるかわかりません。

ローディングポップアップを表示する方法を理解するのに助けが必要です。ありがとう