How to close a bootstrap modal using the click event loaded from iframe

Question

I have loaded a url in iframe inside a bootstrap modal, I am trying to closemodal box using the class name which is loaded from the iframe url.

here is my jsfiddle

https://jsfiddle.net/fxfbzn7L/1/

and my code goes here

$('#terms_con').click(function () {
            $('#termsCondition').modal({
                show: true
            });
        });



         $('#termsCondition .btn-close').click(function () {
             $("#termsCondition").modal("hide");
            });

Answer 1

You can create a false div on the iframe close button and add and event listener on the div to close the window. refer this .