I am new on Bootstrap.

• My Requirement is to open Modal Popup in a page. (Done).
• Open Modal Popup required to open another Modal Popup. (Done).

Facing Issue :

When I goes to close the nested (Second) Modal Popup, both popup is closed at a time. Because I Use "data-dismiss='modal'" to close the modals. is there any other way to close Nested Modal Popup.

I am new on Bootstrap.

• My Requirement is to open Modal Popup in a page. (Done).
• Open Modal Popup required to open another Modal Popup. (Done).

Facing Issue :

When I goes to close the nested (Second) Modal Popup, both popup is closed at a time. Because I Use "data-dismiss='modal'" to close the modals. is there any other way to close Nested Modal Popup.

• javascript
• jquery
• twitter-bootstrap
• popup
• bootstrap-modal

• Did the modals have different id's? Can you please add your nested modals code? – Jordi Castilla Commented Nov 11, 2014 at 9:37

1 Answer 1

Ah now I understand! You'll need to close your modal using javascript then :) I've written a little function here. Just add the "closeModal" class to the button which you want to close the modal for.

Basically it finds the parent modal that the button belongs to and closes that modal. Hopefully this helps and you can change it around if needs be.

    $(".closeModal").click(function(){
        $(this).closest(".modal").modal("hide")
    });

http://jsfiddle/kjazcz5e/4/

Bootstrap provides a .modal() JQuery plugin to let you control modals. Take a look: http://getbootstrap./javascript/#modals