elemが表示されているときにオートフォーカスが動作しないok

Question

入力時にオートフォーカスが表示されません。 オートフォーカスのプロパティは、Chromeで断続的に機能します。 IE11で...うーん、それを追加しようとしません。

jQueryでオートフォーカスを適用する前に、DOM上にinput要素の存在を検証する必要がありますか？

HTML5

<input type="text" class="form-control" autofocus placeholder="Filter"> 

JS

function iboxHistorySearch() { 
     var header = $('.client-history .ibox-title_replace'), 
      searchbar = $('.client-history .client-history-searchbar'), 
      closeBtn = $('.client-history .btn-dismiss'); 

     header.on('click', function (e) { 
      e.preventDefault(); 
      if (searchbar.hasClass('hidden')) { 
       searchbar.removeClass('hidden')find('form-control:first').focus(); 
       $(this).addClass('hidden'); 
      } 
     }); 

     closeBtn.on('click', function (e) { 
      e.preventDefault(); 
      if (header.hasClass('hidden')) { 
       header.removeClass('hidden'); 
       searchbar.addClass('hidden'); 
      } 
     }); 
    } 

    iboxHistorySearch(); 

UPDATE（未編集）質問から

searchbar.removeClass('hidden')find('form-control:first').focus(); 

Answer 1

：

var searchbar = $('.client-history .client-history-searchbar') 

if (searchbar.hasClass('hidden')) { 
    searchbar.removeClass('hidden').focus(); 

検索バーがフォーカスを受け取ることができるinputコントロールであることを確認します。そうでない場合、例えば、第一または特定の要素のいずれか、入力を取得する.findを追加します。

searchbar.removeClass('hidden') 
      .find('.form-control:first') 
      .focus(); 

または

searchbar.removeClass('hidden') 
      .find('input:first') 
      .focus(); 

（しかしinputであなたもなどを選択/チェックボックスを追加する必要があります例えば、