jQuery的。對觸發沒有觸發動作

Question

我有這樣的形式：

$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');  
}); 

但是沒有它作品。發生了什麼 ？或者我應該怎麼做才能使它工作？

Answer 1

試試，如果你是動態添加的形式

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

，或者如果沒有這應該工作

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