SignalRメソッドで作成された入力ボタンはjqueryクリックイベントを発生させません

Question

ユーザーの追加/削除権限シートを作成します。このページには、リストに利用可能な権利のリストがあり、現在の権利を持つ別のリストがあります。現在の権利で削除ボタンをクリックし、その権利を利用可能な権利に移動したいと考えています。利用可能な権利の追加ボタンをクリックすると、現在の権利に移動できます。

は、ここでは、コード

$(function() 
    { 
     var test = $.connection.testHub; 

     test.client.updateAssigned = function (departmentId, departmentName) 
     { 
      $('#assigned').append("<tr><td>" + departmentName + " (" + departmentId + ")</td><td><input id='" + departmentId + "' type='button' value='Remove' class='btn btn-default' /></td></tr>"); 
     }; 

     test.client.updateAvailable = function (departmentId, departmentName) { 
      $('#available').append("<tr><td>" + departmentName + " (" + departmentId + ")</td><td><input id='" + departmentId + "' type='button' value='Add' class='btn btn-default' /></td></tr>"); 
     }; 

     $.connection.hub.start().done(function() 
     { 
      $("input").click(function() 
      { 
       var val = $(this).val(); 
       var id = $(this).attr('id'); 

       if (val == "Remove") 
       { 
        test.server.removeDepartment($('#job').val(), id); 
        $(this).closest('tr').remove(); 
       } 
       if (val == "Add") 
       { 
        $(this).closest('tr').remove(); 
       } 
      }); 
     }); 
    }); 

そこで彼らがクリックされたときに、完全にページの読み込み作業で作成したボタンは、それが彼らのテーブルの行を削除し、他のテーブルに移動します。ただし、新しく作成されたボタンは削除されず、反対側に移動しません。私は、ページの読み込みがjqueryで選択できなくなった後にHTMLタグが作成された場合、これが制限されているかどうかは分かりません。どんな助けもありがとう！

Answer 1

<input>タグにイベントハンドラを追加した後で<input>タグを作成しました。

したがって、新しいハンドラにハンドラを追加したことはありません。

.on()の委任形式を呼び出す必要があります。子と一致するコンテナとセレクタを渡します。
Documentation