Modal View Reload Content (Bootstrap MVC ASP.NET)
<p>Aloha, I'm using Bootstrap v3.3.6 within ASP.NET MVC4 Application to display pop-ups using modal-views. </p>

<p>Example for my modal:</p>

<pre><code>&lt;div class="modal-contents modal-view content-wrapper"&gt;
    &lt;div class="modal-header"&gt;
    &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;×&lt;/button&gt;
    &lt;/div&gt;
    &lt;div class="modal-body content-wrapper"&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;script type="text/javascript"&gt;
    $(function () {
        $('#approve-btn').click(function () {
            $('#modal-container').modal('hide');
        });
    });
&lt;/script&gt;
</code></pre>

<p>To load the modal I use Html.ActionLink like</p>

<pre><code>@Html.ActionLink("SomeText", "SomeAction", "SomeController", null , new { @class="modal-link"})
</code></pre>

<p>which triggers my script in my _Layout page:</p>

<pre><code>&lt;script type="text/javascript"&gt;
     $(function () {
         // Initialize modal dialog
         // attach modal-container bootstrap attributes to links with .modal-link class.
         // when a link is clicked with these attributes, bootstrap will display the href content in a modal dialog.
         $('body').on('click', '.modal-link', function (e) {
             e.preventDefault();
             $(this).attr('data-target', '#modal-container');
             $(this).attr('data-toggle', 'modal');
             console.log(this);
         });
         // Attach listener to .modal-close-btn's so that when the button is pressed the modal dialog disappears
         $('body').on('click', '.modal-close-btn', function () {
             $('#modal-container').modal('hide');
         });
         //clear modal cache, so that new content can be loaded

         $('.modal').on('hidden.bs.modal', function () {
             $(this).removeData('bs.modal');
         });

         $('#CancelModal').on('click', function () {
             return false;
         });
     });
&lt;/script&gt;
</code></pre>

<p>and finally the placeholder in my _Layout </p>

<pre><code>&lt;div id="modal-container" class="modal fade" tabindex="-1" role="dialog"&gt;
    &lt;div class="modal-content modal-view"&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>This all is designed relying on this: <a href="http://www.codeproject.com/Tips/826002/Bootstrap-Modal-Dialog-Loading-Content-from-MVC-Pa" rel="nofollow">http://www.codeproject.com/Tips/826002/Bootstrap-Modal-Dialog-Loading-Content-from-MVC-Pa</a> and worked just fine. Until I tried to open a modal after I already have opened one in the same view. Then I would find the modal to contain the same data as before. <br>
After trying all suggestions from: <br><a href="https://stackoverflow.com/questions/12449890/reload-content-in-modal-twitter-bootstrap">Reload content in modal (twitter bootstrap)</a> <br>
I got the feeling the problem is the refill of the #modal-container. 
The links are completed by the script in the right way, as I can say by debugging in chrome. <br>
If I reload the whole page the modal-view accepts new content. 
But since I use tabs (also relying on Bootstrap) reloading isn't an option because I would loose the current tab selection. </p>

<p>I'm very new to web-developing so it would be great if you've got some ideas.</p>