ファイアウブでは動作するがコード実行では動作しないコマンドを呼び出す方法は？

Question

私は選択したドロップダウンを入力してドロップダウンするプラグイン（https://github.com/olivM/jQuery-Selectbox）を持っています。

次の方法では、コード内の偶数ハンドラを介して、ドロップダウンで要素の変更を切り離すことはできません。

私はこれをFirebugのインスペクタで手動でのみ行うことができます。

$('#elem').selectbox('detach'); 
$('#elem').selectbox('attach'); 

デタッチして選択ボックスをhtmlドロップダウンに追加するにはどうすればよいですか？

Method  Description 
attach .selectbox("attach") Attach the select box to a jQuery selection. This will hide the element and create its custom replacement. 
change .selectbox("change") Change selected attribute of the selectbox. 
close .selectbox("close")  Close opened selectbox. 
detach .selectbox("detach") Remove the selectbox functionality completely. This will return the element back to its pre-init state. 
disable .selectbox("disable") Disable the selectbox. 
enable .selectbox("enable") Enable the selectbox. 
open .selectbox("open") Call up attached selectbox. 
option .selectbox("option", options) Get or set any selectbox option. If no value is specified, will act as a getter. 

Answer 1

私の問題は実行されていないコードではなく、データを取得する非同期の性質です。

タイムアウトを追加すると問題が解決しました。

setTimeout(function(){ 
       $('#elem').selectbox("detach"); 
       $('#elem').selectbox("attach"); 
       }, 10); 

HTMLスクリプト

$(function() { 
      $('#elem').selectbox("attach"); 
     }); 

ドロップダウンコードを取得 - HTTPS - プラグインの元のページが利用できない角度コントローラに常駐する

$http.get('some json resource').success(function(data){ 
      $scope.States = data; 
      $scope.abbreviation = data[0].abbreviation; 

      setTimeout(function(){ 
       $('#elem').val($scope.abbreviation); 
       $('#elem').selectbox("detach"); 
       $('#elem').selectbox("attach"); 
      }, 10); 

     });