動的に追加されたjquery（イベントなし）のボタン

Question

ダイナミックに追加されたhtmlボタンであるJqueryを使用して、無効にしたり解除したりする方法を知りたいと思います。

私は、.on（）関数を認識していますが、動作させるには、この関数のneedとeventを（クリックなどのように）聴くために、それを関数から呼び出す。

var validateForm = function(){ 
    if(exp_valid && cc_valid && ch_valid && cvn_valid){ 
     $('#myID').prop('disabled', false); 
    } 
} 

は、私は適切な方法をしたいと思います：

これが実際のコードで、それは「#myID」とボタン原因働いていないWICHは準備ができて、ドキュメント（）の後に動的に注入された部分であります私の動的に追加されたボタンをイベントなしで選択します。

ありがとうございます。ボタンは最初

if ($(#myID).length) { 
    $('#myID').prop('disabled', false); 
} 

Answer 1

を存在するかどうかをチェックすることができます

Answer 2

は、私が使用してそれを行うために管理：

$('#myID').attr("disabled", true); 

あなたの時間のために皆に感謝します。

Answer 3

DOMエレメントの変更を監視するようにMutationObserverを設定すると、ノードツリーに何かが追加された場合に新しいチェックをトリガーできます。

簡体JSは：

var observer = new MutationObserver(function() { 
    // This is where you run your function 
    $('#myID').attr("disabled", true); 
    console.log($('#myID')); 
}); 

observer.observe(document.documentElement, { 
    childList: true, 
    subtree: true    
}); 

私は一緒にボタンを動的に追加されthis demoを入れていると、あなたはそれを無効にするかどうかを確認するためにもう一度あなたの関数を実行することができます。

完全な実装は本当によくこの資料に記載されている：http://ryanmorr.com/using-mutation-observers-to-watch-for-element-availability/