Ajax jQuery移动加载微调器能否用于特定页面元素？

我正在编写一个为平板电脑设计的应用程序，在这个应用程序中，每当选择表中的一行时，我都需要加载数据。选择一行后，我希望将微调器放置在将加载新数据的div上

这是可能的，还是我需要阻止整个页面或引入类似BlockUI的东西

我正在使用jquerymobile1.2.0alpha

谢谢

像这样

jQuery:

function loadData(id) {
    
    var btnID = id;
    $.ajax({
        
        url: "http://fiddle.jshell.net/akhurshid/g2tD5/show/",       
       
           beforeSend: function() {
            $('.loader').html('<img src="http://cdn.nirmaltv.com/images/generatorphp-thumb.gif" alt="Wait" />');
           },
              
           success: function(data) {           
               $('.loader').fadeTo('fast','0.0');
               $('#' + btnID).fadeTo('fast','0.0'); 
            
                var htmlData = $('.result').html(data).hide().css('opacity','0');
            
                $(htmlData).fadeTo('fast','1.0');                                 
           }
    });
}

<div id="wrapper">
    <div class="loader"></div>
    <div class="result"></div>
    <button id="load-btn" onclick="loadData(this.id);">Load Data Here</button>
</div>

#wrapper{
    width: 90%;
    margin: 20px auto;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #777;
    background: #ccc;
}

.loader{
    width: 64px;
    height: 64px;
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 9999;
    display: block;
}

这行吗

例如：

JS

HTML

不完全是我想要的。加载程序仍然在页面的中心。想想iPad的分割视图，我只想把加载程序放在右边的窗格上。我把它拿回去，我知道你在做什么。让我试一试。

// show the loader
$.mobile.showPageLoadingMsg();

// Move the loader left 30 pixels
$('div.ui-loader').attr('style','left:30px;'); ​

<div data-role="page" id="placeholder-page">
</div>

$.mobile.loadingMessageTextVisible = true;

$.mobile.showPageLoadingMsg("b", "please wait...");