You have to attach an event to Tabs and render the Camera slider when necessary.
Basically, you insert something like this into your code
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
// refresh the slider
})
Remember to change a[data-toggle="tab"]
to match your tab links.
You have two events available:
shown.bs.tab
- This event fires on tab show, but before the new tab has been shown. Useevent.target
andevent.relatedTarget
to target the active tab and the previous active tab (if available) respectively.shown.bs.tab
- This event fires on tab show after a tab has been shown. Useevent.target
andevent.relatedTarget
to target the active tab and the previous active tab (if available) respectively.
As you can see, by accessing active tab (e.releatedTarget
) you can simply get the ID of the container where slider you need to refresh lives.