javascript - 命名加载到文档准备就绪的功能

我有一个.js文件，可在页面加载时（当文档准备好时）为菜单添加功能...文件的前三行是...

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

之后，将加载更多代码，以添加颜色和其他视觉效果。

目前，该函数还没有名称-只是运行。但是，如果我想通过按钮调用该函数，该如何命名？如果调用函数activateMenu，我将有一个像这样的按钮：

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

非常感谢

最佳答案

如果要以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>

关于javascript - 命名加载到文档准备就绪的功能，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56971660/