0

ユーザーがボタンをクリックしたときにサイトの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 ;
 });
4

2 に答える 2

0

配列は問題ありません。デフォルト値がないのはですh1。ドキュメントが読み込まれた後、次のコードを使用して初期化できます。

$(document).ready(function() {
  $('h1#heading').html(arr[0]);
});
于 2012-12-03T02:05:46.183 に答える
0

バインドした直後にクリックイベントをトリガーできます。

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

または使用.trigger('click');

于 2012-12-03T02:06:20.130 に答える