Skip to main content

Estou desenvolvendo uma aplicação asp.net mvc, em uma das páginas do site chamo diversos modals do bootstrap um por cima do outro, no entanto, quando já se tem um modal aberto o novo aparece com o mesmo conteúdo do antigo, segue trechos do código.

      $('#menuLista').click(function () {
    //$('.modal-container').removeData('bs.modal');
    $.get('@Url.Action("MenuListas")',
        { idE: '@ViewBag.idEvento' },
     function (data) {
         $('#fecharModalEv').click();
         $('#modalMnLista').find('.modal-content:first').html(data);
         $('#modalMnLista').modal({ show: true });
     }).error(function () {
         alert('ocorreu um erro ao abrir  janela');
     });
 

    $.get(url, function (data) {
                $('.modal-content').html(data);
                $('#modal-container').modal('show');
            });             

 
}
        
<div id="modal-container" class="modal fade"
         tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
        <content"></div>
    </div>
</div>

 
<div id="modalMnLista" class="modal fade"
         tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
        <content"></div>
    </div>
</div>

Colei uns trechos aqui mesmo não contendo as tags script, etc.

Uso o Ajax do jquery para retornar partialViews dentro do modal, na primeira chamada preencho a div 'modal-container', já na segunda preencho a 'ModalMnLista'.

Alguém saberia o motivo para o código estar vindo igual na execução de 2 GETs retornando conteúdos diferentes?

Estou desenvolvendo uma aplicação asp.net mvc, em uma das páginas do site chamo diversos modals do bootstrap um por cima do outro, no entanto, quando já se tem um modal aberto o novo aparece com o mesmo conteúdo do antigo, segue trechos do código.

      $('#menuLista').click(function () {
    //$('.modal-container').removeData('bs.modal');
    $.get('@Url.Action("MenuListas")',
        { idE: '@ViewBag.idEvento' },
     function (data) {
         $('#fecharModalEv').click();
         $('#modalMnLista').find('.modal-content:first').html(data);
         $('#modalMnLista').modal({ show: true });
     }).error(function () {
         alert('ocorreu um erro ao abrir  janela');
     });
 

    $.get(url, function (data) {
                $('.modal-content').html(data);
                $('#modal-container').modal('show');
            });             

 

   <div id="modal-container" class="modal fade"
     tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
        </div>
    </div>
</div>

 
<div id="modalMnLista" class="modal fade"
     tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
        </div>
    </div>
</div>

Colei uns trechos aqui mesmo não contendo as tags script, etc.

Uso o Ajax do jquery para retornar partialViews dentro do modal, na primeira chamada preencho a div 'modal-container', já na segunda preencho a 'ModalMnLista'.

Alguém saberia o motivo para o código estar vindo igual na execução de 2 GETs retornando conteúdos diferentes?

Estou desenvolvendo uma aplicação asp.net mvc, em uma das páginas do site chamo diversos modals do bootstrap um por cima do outro, no entanto, quando já se tem um modal aberto o novo aparece com o mesmo conteúdo do antigo, segue trechos do código.

$('#menuLista').click(function () {
    //$('.modal-container').removeData('bs.modal');
    $.get('@Url.Action("MenuListas")',
    { idE: '@ViewBag.idEvento' },
    function (data) {
        $('#fecharModalEv').click();
        $('#modalMnLista').find('.modal-content:first').html(data);
        $('#modalMnLista').modal({ show: true });
    }).error(function () {
        alert('ocorreu um erro ao abrir  janela');
    });

    $.get(url, function (data) {
        $('.modal-content').html(data);
        $('#modal-container').modal('show');
    });             
}
        
<div id="modal-container" class="modal fade"
         tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content"></div>
    </div>
</div>
<div id="modalMnLista" class="modal fade"
         tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content"></div>
    </div>
</div>

Colei uns trechos aqui mesmo não contendo as tags script, etc.

Uso o Ajax do jquery para retornar partialViews dentro do modal, na primeira chamada preencho a div 'modal-container', já na segunda preencho a 'ModalMnLista'.

Alguém saberia o motivo para o código estar vindo igual na execução de 2 GETs retornando conteúdos diferentes?

tags editadas
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Olá,

Estou desenvolvendo uma aplicação asp.net mvc, em uma das páginas do site chamo diversos modals do bootstrap um por cima do outro, no entanto, quando já se tem um modal aberto o novo aparece com o mesmo conteúdo do antigo, segue trechos do código.

      $('#menuLista').click(function () {
    //$('.modal-container').removeData('bs.modal');
    $.get('@Url.Action("MenuListas")',
        { idE: '@ViewBag.idEvento' },
     function (data) {
         $('#fecharModalEv').click();
         $('#modalMnLista').find('.modal-content:first').html(data);
         $('#modalMnLista').modal({ show: true });
     }).error(function () {
         alert('ocorreu um erro ao abrir  janela');
     });


    $.get(url, function (data) {
                $('.modal-content').html(data);
                $('#modal-container').modal('show');
            });             



   <div id="modal-container" class="modal fade"
     tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
        </div>
    </div>
</div>


<div id="modalMnLista" class="modal fade"
     tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
        </div>
    </div>
</div>

Colei uns trechos aqui mesmo não contendo as tags script, etc.

Uso o Ajax do jquery para retornar partialViews dentro do modal, na primeira chamada preencho a div 'modal-container', já na segunda preencho a 'ModalMnLista'.

Alguém saberia o motivo para o código estar vindo igual na execução de 2 GETs retornando conteúdos diferentes?

Olá,

Estou desenvolvendo uma aplicação asp.net mvc, em uma das páginas do site chamo diversos modals do bootstrap um por cima do outro, no entanto, quando já se tem um modal aberto o novo aparece com o mesmo conteúdo do antigo, segue trechos do código.

      $('#menuLista').click(function () {
    //$('.modal-container').removeData('bs.modal');
    $.get('@Url.Action("MenuListas")',
        { idE: '@ViewBag.idEvento' },
     function (data) {
         $('#fecharModalEv').click();
         $('#modalMnLista').find('.modal-content:first').html(data);
         $('#modalMnLista').modal({ show: true });
     }).error(function () {
         alert('ocorreu um erro ao abrir  janela');
     });


    $.get(url, function (data) {
                $('.modal-content').html(data);
                $('#modal-container').modal('show');
            });             



   <div id="modal-container" class="modal fade"
     tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
        </div>
    </div>
</div>


<div id="modalMnLista" class="modal fade"
     tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
        </div>
    </div>
</div>

Colei uns trechos aqui mesmo não contendo as tags script, etc.

Uso o Ajax do jquery para retornar partialViews dentro do modal, na primeira chamada preencho a div 'modal-container', já na segunda preencho a 'ModalMnLista'.

Alguém saberia o motivo para o código estar vindo igual na execução de 2 GETs retornando conteúdos diferentes?

Estou desenvolvendo uma aplicação asp.net mvc, em uma das páginas do site chamo diversos modals do bootstrap um por cima do outro, no entanto, quando já se tem um modal aberto o novo aparece com o mesmo conteúdo do antigo, segue trechos do código.

      $('#menuLista').click(function () {
    //$('.modal-container').removeData('bs.modal');
    $.get('@Url.Action("MenuListas")',
        { idE: '@ViewBag.idEvento' },
     function (data) {
         $('#fecharModalEv').click();
         $('#modalMnLista').find('.modal-content:first').html(data);
         $('#modalMnLista').modal({ show: true });
     }).error(function () {
         alert('ocorreu um erro ao abrir  janela');
     });


    $.get(url, function (data) {
                $('.modal-content').html(data);
                $('#modal-container').modal('show');
            });             



   <div id="modal-container" class="modal fade"
     tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
        </div>
    </div>
</div>


<div id="modalMnLista" class="modal fade"
     tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
        </div>
    </div>
</div>

Colei uns trechos aqui mesmo não contendo as tags script, etc.

Uso o Ajax do jquery para retornar partialViews dentro do modal, na primeira chamada preencho a div 'modal-container', já na segunda preencho a 'ModalMnLista'.

Alguém saberia o motivo para o código estar vindo igual na execução de 2 GETs retornando conteúdos diferentes?

Fonte Link

Múltiplos modal bootstrap retornando sempre o mesmo conteúdo

Olá,

Estou desenvolvendo uma aplicação asp.net mvc, em uma das páginas do site chamo diversos modals do bootstrap um por cima do outro, no entanto, quando já se tem um modal aberto o novo aparece com o mesmo conteúdo do antigo, segue trechos do código.

      $('#menuLista').click(function () {
    //$('.modal-container').removeData('bs.modal');
    $.get('@Url.Action("MenuListas")',
        { idE: '@ViewBag.idEvento' },
     function (data) {
         $('#fecharModalEv').click();
         $('#modalMnLista').find('.modal-content:first').html(data);
         $('#modalMnLista').modal({ show: true });
     }).error(function () {
         alert('ocorreu um erro ao abrir  janela');
     });


    $.get(url, function (data) {
                $('.modal-content').html(data);
                $('#modal-container').modal('show');
            });             



   <div id="modal-container" class="modal fade"
     tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
        </div>
    </div>
</div>


<div id="modalMnLista" class="modal fade"
     tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
        </div>
    </div>
</div>

Colei uns trechos aqui mesmo não contendo as tags script, etc.

Uso o Ajax do jquery para retornar partialViews dentro do modal, na primeira chamada preencho a div 'modal-container', já na segunda preencho a 'ModalMnLista'.

Alguém saberia o motivo para o código estar vindo igual na execução de 2 GETs retornando conteúdos diferentes?