javascript - 创建一个独立于点击事件的 jquery 函数并在页面加载时运行

Question

我正在尝试抽象我的 javascript/jquery 代码以避免重复。我有一个点击事件，当用户从下拉菜单中选择一个值时执行该事件:

$(".dropdown-menu-methods li a").click(function(){
  $("#button-methods:first-child").text($(this).text());
  $("#button-methods:first-child").val($(this).text());
  selected_val = $(this).attr("id");
  element_id = ["_panel_container", "_panel_msg"];
  clear_content(element_id);
  if (selected_val == "excel_layer"){
    $("#_panel_container").append('<i>"Choose an existing layer </i>);
    ...

此函数是在单击按钮时执行的，但我希望能够通过向其传递变量来随时执行它。 我怎样才能做这样的事情？从点击事件中分离功能并在页面加载时执行它？

Answer 1

只需创建一个标准 JS 函数并随时随地调用它即可:

function theFunc() {
    // do stuff
}


$(".dropdown-menu-methods li a").click(function() {
    theFunc();
});

theFunc() 是一个标准的 JS 函数，可以传递任意数量的参数