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');

无法设置Javascript数组的默认值

2 个答案: