I attempted to incorporate a Bootstrap navbar mega menu dropdown into my layout using the code from this source:
However, after downloading and inserting the code into my layout, the mega menu does not expand or take any action when clicked. In the Chrome inspect section, aria-expanded always remains as aria-expanded="false". What could I be missing?
_Layout.cshtml
<!DOCTYPE html>
<html lang="en">
... (Omitted for brevity) ...
</html>
<script type="text/javascript">
/// some script
// jquery ready start
$(document).ready(function () {
// jQuery code
//////////////////////// Prevent closing from click inside dropdown
$(document).on('click', '.dropdown-menu', function (e) {
e.stopPropagation();
});
}); // jquery end
</script>