Jquery and Metismenu and Modal conflict

Asked

Viewed 210 times

0

I’m having conflict with Jquery and Metismenu and Modal(bootstrap):

if I ref. so the modal works, but the dropdown menu does not work:

<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script  src="https://code.jquery.com/jquery-3.1.1.min.js"  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="  crossorigin="anonymous"></script>

Now if I quote jquery first the menu works, but the modal opens and quickly disappears:

<script  src="https://code.jquery.com/jquery-3.1.1.min.js"  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="  crossorigin="anonymous"></script>
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
jquery bootstrap modal

1 answer

0

Solved by updating the version. link: https://github.com/onokumus/metisMenu

and keeping bootstrap before jquery:

<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script  src="https://code.jquery.com/jquery-3.1.1.min.js"  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="  crossorigin="anonymous"></script>

Browser other questions tagged jquery bootstrap modal

You are not signed in. Login or sign up in order to post.