将document.ready函数移动到单独的javascript函数？

Question

是否可以将jQuery document.ready函数中的以下代码移动到单独的javascript函数中,以便可以像任何其他javascript函数一样调用它,即:

<script type="text/javascript"> 
$(document).ready(function()
{
   $('div#infoi img[title]').qtip({
      position: { 
         adjust: { x:-110, y:0 },
         corner: {
            target: 'bottomLeft',
            tooltip: 'topMiddle'
         }
      },
      style: {
        width: 250,
        padding: 5,
        background: '#E7F1FA',
        color: 'black',
        textAlign: 'center',
        border: {
          width: 3,
          color: '#65a9d7'
        },
        tip: 'topRight'
      }
   });
});
</script>

如果是,那么如何 - 如果没有,则回答我的问题.

Answer 1

Pekka的答案是正确的,但你可能想要一些其他信息,例如如何调用它,所以例如我们现在有这样的信息:

$(document).ready(function() {
  alert("DOM Ready!");
});

然后把它放在一个命名函数中,如下所示:

function myFunc() {
  alert("DOM Ready!"); 
}

现在你可以myFunc()在任何地方调用它...如果你仍然想要调用它document.ready,语法很短,如下所示:

$(myFunc);
//this is equivalent to:
$(document).ready(myFunc);

基本上,无论你有匿名的地方function() { },你都可以将它命名为外面的命名函数,并按照我上面的名称调用它,例如.ready(myFunc)可以很容易地$("#thing").click(myFunc):)