jQueryのは、私がこのフォームを持って行動

Question

をトリガしませトリガー.on：

$form = array(
     '<form name="backup-form" class="backup-form" method="post" action="#">', 
      '<fieldset class="backup-fields">', 
       '<fieldset class="display-wrapper">', 
        '<label for="display" class="display-label">Backups</label>', 
        '<input type="text" name="display" class="display" value="' . $this->backups(false,true) . '" autocomplete="off" readonly="readonly" />', 
       '</fieldset>', 
       '<fieldset class="action-wrapper">', 
        '<button type="submit" name="clean" class="clean">Clean All</button>', 
        '<button type="submit" name="create" class="create">Create</button>', 
       '</fieldset>', 
      '</fieldset>', 
     '</form>', 
     '<div class="message-handling" class="message-handling"></div>' 
    ); 
$form = implode("", $form); 
echo $form; 

そして私も、それぞれにバインドしようとしているが、このようにボタンを提出：

$('.backup-form .clean').on({ 
    click: function() {console.log('Clean Button Pressed');} 
}); 

or 

$('.main-actions .backup-form').delegate('.clean', 'submit', function() { 
    console.log('Clean Button Pressed');  
}); 

しかし、それのどれも働く何が起こっていますか ？またはそれを機能させるために私は何をすべきですか？あなたが動的にフォーム

$(function(){ 
    $(document).delegate('.clean', 'submit', function() { 
     console.log('Clean Button Pressed');  
    }); 
} 

かそうでない場合を追加する場合は

Answer 1

試み、これは

$(function(){ 
$('.main-actions .backup-form').delegate('.clean', 'submit', function() { 
    console.log('Clean Button Pressed');  
}); 
}