使用jQuery自動選擇頁面加載的文本框

Question

我有一個jQuery搜索腳本，用於將PHP文件的結果解析爲HTML div。我希望在沒有查詢處於活動狀態時自動選擇搜索框，並且在查詢處於活動狀態時不會選擇它。我怎樣才能做到這一點？我希望你能理解我的問題。

我的jQuery搜索腳本是：

$(document).ready(function(){ 
    $('[id^=type_]').click(function(){ 
     type=this.id.replace('type_',''); 
     $('[id^=type_]').removeClass('selected'); 
     $('#type_'+type).addClass('selected'); 
     return false; 
    }); 
    $('#type_search').click(); 
    $('#query').keyup(function(){ 
     var query=$(this).val(); 
     var url='/'+type+'/'+query+'/'; 
     window.location.hash=''+type+'/'+query+'/'; 
     document.title=$(this).val()+' - My Search'; 
     $('#results').show(); 
     if(query==''){ 
      window.location.hash=''; 
      document.title='My Search'; 
      $('#results').hide(); 
     } 
     $.ajax({ 
      type:'GET', 
      url:url, 
      dataType:'html', 
      success:function(results){ 
       $('#results').html(results); 
      } 
     }); 
    }); 
    if(window.location.hash.indexOf('#'+type+'/')==0){ 
     query=window.location.hash.replace('#'+type+'/','').replace('/',''); 
     $('#query').val(decodeURIComponent(query)).keyup(); 
    } 
}); 

Answer 1

這阿賈克斯編輯將正常禁用和啓用/查詢過程集中你#query場

$.ajax({ 
    type:'GET', 
    url:url, 
    dataType:'html', 
    beforeSend:function(){ 
     $('#query').prop('disabled',true); 
    }, 
    success:function(results){ 
     $('#results').html(results); 
     $('#query').prop('disabled',false).focus(); 
    } 
}); 

編輯：這添加到底部（內）$(document).ready功能根據您的評論請求：

if($('#results').html() == '') 
{ 
    $('#query').focus(); 
}