jQuery - 在引导模式中隐藏一个元素

Question

我试图在引导模式弹出窗口中隐藏一个按钮（假设为 buttonA）。在这里，我在不同的地方有 buttonB 和 buttonC，两者都用于触发相同的弹出窗口，但我的问题是当从 buttonB 触发弹出窗口时我必须隐藏 buttonA 并在从 buttonC 触发时显示它。

我在 jQuery 中尝试了下面的通用代码，但它对我不起作用，在使用引导模式弹出窗口时有什么方法可以做到这一点。

$('#buttonB').click(function() {
  alert('test');
  $('#buttonA').hide();
});

Answer 1

如果#buttonB 是动态创建的元素，则使用jQuery 的.on() 函数，格式如下：$(staticAncestors).on(eventName, dynamicChild, function() {});

StaticAncestors 将是最近的静态父元素。

$(staticAncestors).on('click', '#buttonB', function() {
  alert('test');
  $('#buttonA').hide();
});