jquery - popover远程激活触发事件

Question

我有几个弹出框（pop1），（pop2），（pop3），当在我的网页上单击“下一步”按钮时，它们一个接一个地出现。所以我实际上无法访问每个说的弹出框，因为它们是远程触发的。

这是一个演示过程的jsbin http://jsbin.com/akutis/5/edit （一定要点击“用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");
  }

});

Answer 1

你只需要在你的身体标签中添加 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');
  } 

});