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

时间:2010-06-03 11:20:33

标签: javascript jquery

是否可以将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>

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

2 个答案:

答案 0 :(得分:5)

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)例如:)

答案 1 :(得分:0)

当然可以 - 您只需确保文档在您调用该函数时完全加载!此外,我不确定为什么这会有意义,因为你似乎正在初始化工具提示?

关于如何,只需替换

$(document).ready(function()

通过

function my_function_name()