如何使用参数 onload 或 dom 准备好后调用函数？

Question

我有以下函数，它接受一个选定的值并在单击时运行它。我仍然会这样。但是，客户希望有一个默认选择的值应该运行该函数，并且该函数在页面上进行更改。

那么我应该如何通过预先选择的值来运行这个函数，并在 dom 准备好之后运行它而不点击任何东西？

var value = $("#market-select option:selected").text(); // this takes value of pre-selected item
vizFilter1(value); // and I want to call this function after dom is ready or onload after passing values. 

我尝试过这种方式，但它没有做任何事情。

$(document).ready(function (){

function run (){
var value = $("#market-select option:selected").text();
vizFilter1(value);

}

}); 

如何在页面加载后运行这个而不需要用户做任何事情？

Answer 1

如果您希望能够从多个位置运行这两行代码，例如，从单击处理程序和准备好的 DOM，请将它们包装在一个函数中（就像您所做的那样），然后 调用它来自您的 DOM 就绪处理程序的函数。或者简单地将函数绑定为就绪处理程序：

function run (){
  var value = $("#market-select option:selected").text();
  vizFilter1(value);
}

$(document).ready(function (){
  run();
  // do other on ready things here if required
});

// OR, if you don't need to do other things:
$(document).ready(run);

在您展示的尝试中，您声明了一个 run() 函数，但从未调用它。虽然在您的就绪处理程序中定义函数是很好的，只要您调用它 - 这可能更可取，因为它使函数保持在全局范围之外。