javascript - 无法设置 Javascript 数组的默认值

Question

我设置了一个数组，当用户单击按钮时会更改我网站上的 h1。但是，在初始页面加载时，h1 显示为空。在单击按钮之前，标题不会实际显示。想知道是否有人知道设置此数组的默认值的快速修复方法，以便在第一次加载页面时它不为空（我意识到我可以将文本放在 HTML 中的 h1 中，但宁愿将所有内容都拉出来大批）：

  var arr = ["Whiskey","Vodka","Rum","Tequila"];
  var index = 0;

  $('.button').click(function(){
    $('h1#heading').html(arr[index]);
    index = (index + 1) % arr.length ;
 });

Answer 1

您的数组很好，缺少默认值的是h1. 您可以在文档加载后使用以下代码对其进行初始化：

$(document).ready(function() {
  $('h1#heading').html(arr[0]);
});

Answer 2

您可以在绑定后立即触发点击事件。

  $('.button').click(function(){
    $('h1#heading').html(arr[index]);
    index = (index + 1) % arr.length ;
  }).click();

或使用.trigger('click');