jQuery - ブートストラップモーダル内の要素を非表示にする

Question

ブートストラップモーダルポップアップ内にボタンを隠す（buttonAと仮定します）としています。ここで私は別の場所でbuttonBとbuttonCを持っていますが、どちらも同じポップアップをトリガするのに使われますが、buttonBからpopupがトリガされてbuttonCからトリガされたときにbuttonAを非表示にする必要があります。

以下のジェネリックコードを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(); 
});