Bootstrap conflict with Jquery UI dialog's close button.

[ve3]

example code:

<div id="dialog" title="Jquery UI dialog">
    <p>bla bla bla</p>
</div>

<script src="js/jquery-ui.js"></script>
<script src="js/bootstrap.js"></script>
<script>
    $(function() {
        $('#dialog').dialog();// jquery UI dialog
    });
</script>

If Jquery UI comes before Bootstrap, the close button in Jquery UI dialog will not work.
If Bootstrap comes before Jquery UI, I'm not sure but as i see everything works fine.

Please fix this conflict. 👍

[cvrebert]

Bootstrap's noConflict() mode has been fixed in the upcoming v3.2.0 release thanks to #11966.

[cvrebert]

Ah, sorry. That's not a simple namespace conflict. I need coffee...

[cvrebert]

Anyhow, leaving this closed per our third-party library policy:

Bootstrap does not officially support third-party JavaScript libraries like Prototype or jQuery UI. Despite .noConflict and namespaced events, there may be compatibility problems that you need to fix on your own.

However, if you do figure out the cause of the conflict and have a reasonable solution to propose, we would of course be open to considering it.

[textheader]

Same https://csser.space/questions/jquery-navigation-is-experiencing-issues-due-to-conflicting-buttons