命名已准备就绪的文档上加载的功能

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>

Answer 2

单独创建函数，然后将其引用传递给ready事件，

function doSomething(){
  // do whatever you want to do
  console.log('doing something')
}

// then
$( document ).ready(doSomething)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button onclick="doSomething()">click me</button>