<p dir="auto">Hi,</p>
<p dir="auto">I know this an already open/closed issue but I think bootstrap MUST have a convenient way to load ajax content into modals (and popovers).</p>
<p dir="auto">At the moment I use <a href="https://github.com/Nikku/jquery-bootstrap-scripting">https://github.com/Nikku/jquery-bootstrap-scripting</a> (even done some minor recently merged modifications into it).</p>
<p dir="auto">Could it be the starting point for a further and better integrated work into bootstrap ?</p>
<p dir="auto">A markup driven ajax content loading into modals is definitively a good user experience and an unobtrusive way to do the work without writing pain in the ass javascript code.</p>
<p dir="auto">Please, let's discuss that.</p>
<p dir="auto">Hello,</p>
<p dir="auto">Tabs do not seem to be working for me when used within Popover.</p>
<p dir="auto">What happens is following:</p>
<ol dir="auto">
<li>Popover opens</li>
<li>Active tab on click changes</li>
<li>Tab content is not changing &lt;-- PROBLEM</li>
</ol>
<p dir="auto">Tabs are created correctly and if you try them outside of popover they work fine.</p>
<p dir="auto">Here's live demo: <a href="http://jsfiddle.net/iboros/nCfBf/" rel="nofollow">http://jsfiddle.net/iboros/nCfBf/</a></p>
<p dir="auto">What seems to happen is that elements get duplicated, however it is not clear to me how to effectively eliminate this issue. What I was doing in past is cloning content and changing ids and hrefs but this is ineffective if you want to apply select2.js or something similar on the elements within tab content.</p>
<p dir="auto">I hope somebody provides a solid and effective workaround.</p>