将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");
              }
          }
      });

  });

有没有办法可以采取此代码的操作并将其移动到一个函数.然后在我的$(document).ready(function(){中只对该函数进行一行调用

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); 
 }()
 );