bootstrap dynamic card's

Goede avond allen,

Ik ben weer aan het coden geslagen :) en loop weer ergens tegenaan. Hopelijk kunnen jullie mij helpen.

Voor een vriend van me ben ik een soort van 'WYSIWYG' editor aan het maken.
Elke 'regel' die ik aanmaak wordt er een nieuwe card tab-pane gemaakt met bijhorende nav-item nav-link

Maar uiteraard werken de nav-links niet omdat bootstrap allang geleden is initialised.

Weet iemand hier een workaround voor?

[size=xsmall]Toevoeging op 16/10/2018 21:38:58:[/size]

Zojuist heb ik het opgelost als door zelf de actions toe te voegen

var personalDetailsCounter = 0;

$('#addDetails').on('click', function(e) {
   e.preventDefault();
   personalDetailsCounter++;

   //..
   //some custom frontend and backend checks for input
   //if passed 'generate' the nav-item, card-tab-pane and append to their parent div
   //..

   var newNavItem = '#tab-priv-row-' + personalDetailsCounter;
   $(newNavItem).on('click', function(e) {
      e.preventDefault();
      var newCard = $(this).attr('href');
      $('#personsDetailsContent .card').removeClass('show active');
      $(newCard).addClass('show active');
   });
});

Als hier op- of aanmerkingen op zijn hoor ik t graag :)