0

Web ページで [次へ] ボタンをクリックすると、次々に表示されるポップオーバー (pop1)、(pop2)、(pop3) がいくつかあります。そのため、リモートでトリガーされるため、ポップオーバーに実際にアクセスすることはできません。

プロセスを示す jsbin を次に示します http://jsbin.com/akutis/5/edit (「run with JS」をクリックしてください)

pop2 が表示されたときに、背景色の変更などの CSS アクションをトリガーしたいと考えています。

このようなものを使ってみましたが、思いつくのはこれだけです.Jqueryでこれを行う方法はありますか?

var number = 0;

$("#NextBtn").click(function() {
  if (currentPopover >= 0) {
    popovers[currentPopover].popover('hide');
  }

  currentPopover = currentPopover + 1;
  popovers[currentPopover].popover('show');

  number = number + 1;
  if (number=2) {
    $("#main_container").css("background-color", "red");
  }

});
4

1 に答える 1

0

body タグに id="main_container" を追加するだけでよく、テストには注意してnumber=2くださいnumber==2。

$("#NextBtn").click(function() {
  if (currentPopover >= 0) {
    popovers[currentPopover].popover('hide');
  }

  currentPopover = currentPopover + 1;
  popovers[currentPopover].popover('show');

  number = number + 1;
  if (number==2) {
    $("#main_container").css('background-color','red');
  } 

});
于 2013-06-23T20:45:57.050 に答える