Question

我有这个JS代码，按照相同的顺序：

function init(){
    //Initialize stuff
    $('#specificUl > li').click();
    //...
}
//Click event handler
function clickHandler(){
    //Do some other stuff
    //...
}
$(document).ready(function(){
    init();
    //Click event handler defined
    $('li').click(clickHandler);
    //...
});

由于在ready事件上定义了点击处理程序，我猜在click函数中调用init事件不会起作用，这已经发生了但我不确定。我应该如何重新组织代码以使其工作？

Answer 1

$(document).ready(function(){
    $('li').click(clickHandler);
    //....
    init();
});

使用init

切换单击处理程序

Answer 2

您的问题的答案是

$(document).ready(function(){
    //Click event handler defined
    $('li').click(clickHandler);

    init();
    //...
});

如果您只打算在li上调用处理程序，那么您不需要单独的方法。

$(document).ready(function(){
    //Click event handler defined
    $('li').click(clickHandler);

    $('#specificUl > li').click();
    //...
});

JS文件中的函数范围以及如何对它们进行排序

2 个答案: