Bootstrap 4 Modal Will Not Close After Using Jquery .load

I have moved to Bootstrap 4 beta 3 but I am facing an annoying issue with modal; the modal after it shows will not close what ever I click. The Modal remote has been removed with B

Solution 1:

The modal is opened and then the content is loaded so the close buttons don't have event listeners.

Remove href="#myModal" or data-target="#myModal" and manally trigger the modal in the load callback:

functionloadAddProjectModal() {
    $("#myModal").load('include/modal_addProject.php', function() {
        $("#myModal").modal('show');
    });
}