javascript - 命名加载文档就绪的函数

Question

我有一个 .js 文件，该文件在页面加载时(文档准备好时)向菜单添加功能...文件的前三行是...

( function( $ ) {
$( document ).ready(function () {
$('#cssmenul li.has-sub>a').on('click', function(){

之后会加载更多代码来添加颜色和其他视觉效果。

目前该函数没有名称 - 它只是运行。但是，如果我想从按钮调用该函数，我该如何命名它？如果调用函数 activateMenu 我就会有一个像这样的按钮:

<input type="button" value="Activate" onclick="activateMenu();">

非常感谢

Answer 1

如果您想将代码重用为 activateMenu，那么您可以将该代码的内容分组到其自己的函数中，并在 .ready() 中引用它

(function($){
  $(document).ready(function(){
    activateMenu();
  });
})(jQuery);

function activateMenu(){
  console.log('test');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button onclick="activateMenu()">Test Button</button>