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

});

弹出窗口远程激活时触发事件

1 个答案: