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

Create a jquery function independent of a click event and run in on load of page

本文关键字:函数 加载 运行 jquery 事件 一个 独立 于单击 创建 单击      更新时间:2023-09-26

我试图抽象我的javascript/jquery代码,以避免重复它。我有一个click事件,当用户从下拉菜单中选择一个值时执行:

$(".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>);
    ...

这个函数是执行按钮单击,但我希望能够通过传递一个变量来执行它的任何时候。我怎么能做这样的事?从单击事件中分离功能并在页面加载时执行它?

创建一个标准JS函数,并随时随地调用它:

function theFunc() {
    // do stuff
}

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

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