将jQuery代码移入一个函数？

Question

我有我申请当文档准备好下面的代码：

$(document).ready(function() { 

     $('#updateDialog').dialog({ 
      autoOpen: false, 
      width: 400, 
      resizable: false, 
      modal: true, 
      buttons: { 
       "Update": function() { 
        $("#update-message").html(''); //make sure there is nothing on the message before we continue       
        $("#updateReferenceForm").submit(); 
       }, 
       "Cancel": function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 

    }); 

有，我可以利用这个代码的行为，并将其移动到一个函数的方式。然后，只需有我的$里面一行调用该函数（文件）。就绪（函数（）{

Answer 1

是的，它是非常简单的：

function foo() 
{ 
     $('#updateDialog').dialog({ 
     autoOpen: false, 
     width: 400, 
     resizable: false, 
     modal: true, 
     buttons: { 
      "Update": function() { 
       $("#update-message").html(''); //make sure there is nothing on the message before we continue       
       $("#updateReferenceForm").submit(); 
      }, 
      "Cancel": function() { 
       $(this).dialog("close"); 
      } 
     } 
    });  
} 

// First way: 
$(function(){ 
    foo(); 
}); 

// Second way: 
$(document).ready(function() { 
    foo() 
}); 

// Mathias Bynens version to save conflicts with global vars. 
(function() { 
    var foo = function() { /* do something */}; 
    $(foo); 
}() 
); 

Answer 2

当然，使用这个样本：

$(document).ready(function() { 
    MyBlah("hello"); 
}); 

function MyBlah(blah) { 
    alert(blah); 
}