jQuery - 隐藏bootstrap模式中的元素

Question

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

我在jQuery中尝试了下面的通用代码，但它对我不起作用，有没有办法在使用bootstrap模式弹出窗口时实现这一点。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

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

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

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