0
I was creating the menu of my system and everything was working properly, the menuHorizontal.php file contains the menu and in it has a dropdown that was working, when I click, it opens the submenu, so far so good, the problem is that now in the file index.php, I put her on line 2 o require_once("menuHorizontal.php"); and going to index.php, the menu appears right the problem is when I click on the dropdown, it does not go down, works the "Hover" function I put, but the dropdown does not go down. Any idea of something?
index php.
<?php
require_once("menuVertical.php");
require_once("menuHorizontal.php");
?>
<!DOCTYPE html>
<html>
<head>
<title>Menu</title>
</head>
<body>
</body>
</html>
menuHorizontal.php
<!DOCTYPE html>
<html>
<head>
<title>Menu</title>
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css" rel="stylesheet" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/menu_js.js"></script>
<link rel="stylesheet" type="text/css" href="css/menu_style.css" />
<script type="text/javascript" src="css/jquery-2.0.0.min.js" /></script>
<link href="css/font-awesome.min.css" rel="stylesheet" />
<link href="css/font-awesome.css" rel="stylesheet" />
<!--[if IE 7]>
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome-ie7.min.css" rel="stylesheet" />
<![endif]-->
</head>
<div class="longBarHorizontal">
<!-- INICIO DO HEADER HORIZONTAL -->
<nav class="navbar navbar-default navbar-fixed-top" style="margin-left: 300px; min-height: 40px; height: 41px;">
<div class="container-fluid" style="background-color: rgb(49, 50, 64);">
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li style="height: 45px; margin-top: -5px;">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="height: 45px;">
<span>Requisições</span><i class="icon-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-cart" role="menu" style="max-height: 85vh; overflow-x: hidden;">
<li>
<span class="item">
<span class="item-left">
<span class="item-info">
<span> <b>Paciente:</b> Lorem ipsum dolor sit amet </span>
<span> <b>Requisição N°:</b> 220 </span>
<span> <b>Atendimento N°:</b> 4933 </span>
<span> <b>Setor Solicitante:</b> Emergência </span>
</span>
</span>
</span>
<hr style="margin: 10px;">
<span class="item">
<span class="item-left">
<span class="item-info">
<span> <b>Paciente:</b> Lorem ipsum dolor sit amet </span>
<span> <b>Requisição N°:</b> 222 </span>
<span> <b>Atendimento N°:</b> 9844 </span>
<span> <b>Setor Solicitante:</b> Ambulatorial </span>
</span>
</span>
</span>
<hr style="margin: 10px;">
</li>
<!--<li class="divider"></li>-->
<li><a class="text-center" href="" style="margin-bottom: 10px;">Ver Todas</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!-- FIM DO HEADER HORIZONTAL -->
</div>
<body>
</body>
</html>
javascript
jQuery(document).ready(function() {
jQuery('ul.form li a').click(
function(e) {
e.preventDefault(); // prevent the default action
e.stopPropagation; // stop the click from bubbling
jQuery(this).closest('ul').find('.selected').removeClass('selected');
jQuery(this).parent().addClass('selected');
});
});
Does devtools or equivalent show an error in the console when you click the dropdown? Show the javascript part.
– KillerJack
His javascript is very small, includes in the question.
– Gabriel Queiroz
And I have the following information too: In addition to the dropdown not working, I put a href="https://www.google.com" and it still didn’t work, didn’t open the dropdown and didn’t open the google link. It is as if you are "disabled", click but nothing happens.
– Gabriel Queiroz
And I also have the following information: If I open a php tag and put an "echo" for example, the dropdown works, if I put a "include" that includes a simple file, just an HTML written "test", the dropdown works too. I’m imagining that the problem may be to include a file with bootstrap codes, in my case, the "menuVertical.php".
– Gabriel Queiroz