jQuery文檔準備和按鍵來調用一個功能

Question

我試圖讓這個文檔就緒函數，當按下回車鍵時觸發，但我不斷收到錯誤消息「enableEnter is undefined」。

$(document).ready(enableEnter()); 

    $('#formPartOverride').keypress(function enableEnter(event) { 
     if (event.keyCode == 13) { 
      event.preventDefault(); 
      ezpConsole.partOverride.retrieveParts(); 
     } 
    }); 

Answer 1

這是實現這一目標的正確方法：

$(document).ready(function() { 
    // When the DOM is ready, attach the event handler. 
    $('#formPartOverride').keypress(function (event) {    
     enableEnter(event); 
    }); 
}); 

// enableEnter is accessible in the whole page scope. 
function enableEnter(event) { 
    if (event.keyCode == 13) { 
     event.preventDefault(); 
     ezpConsole.partOverride.retrieveParts(); 
    } 
} 

Example

Answer 2

創建功能enableEnter()的keypress1 function - it is only defined in the scope of the按鍵之外function, so will not be available to anything above that specific scope. You could encase the entire script inside the $（文件）。就緒（）`函數，例如：

$(document).ready(function() { 

    $('#formPartOverride').keypress(function enableEnter(event) { 
     if (event.keyCode == 13) { 
      event.preventDefault(); 
      ezpConsole.partOverride.retrieveParts(); 
     } 
    }); 

}); 

這將等到準備好了文件，使其可在封閉的腳本。