Dropdown button does not work

0

Dropdown button does not work, the # appears above but does not open.

Can someone please help me?

<!DOCTYPE HTML>
<html lang="en-US">
<head>

<meta charset="UTF-8">
<meta name="description" content="menu"/>
<meta name="viewport" content="width=device-width, initial-scale=1" />

<title>estocaki</title>

<script language="JavaScript" src="script/jquery.js" type="text/javascript"></script>

<script language="JavaScript" src="script/maskedinput.js" type="text/javascript"></script>


<link rel="stylesheet" href="bootstrap/css/bootstrap.css" />
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.css" />
<link rel="stylesheet" href="css.css" />


</head>
<body>
    <div >
        <img src="img/Estocaki.jpg" class="img-responsive" alt="Cinque Terre">
    </div>
    <hr />
    <div class="container-fluid" >
    <div class="row-fluid">
        <div id="menu" class="span12 ">
            <ul class="nav nav-tabs ">
                <li role="presentation" ><a href="menu.php">Home</a></li>

                <li role="presentation" class="dropdown" >
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Cadastrar<span class="caret"></span>
                </a>
                    <ul class="dropdown-menu">
                        <li><a href="cad-produto.php">Cadastro de Produtos</a></li>
                        <li><a href="cad-forn.php">Cadastro de Fornecedores</a></li>
                    </ul>       

                </li>

                <li role="presentation"><a href="#">Cadastrar Categoria e Un. de Medida</a></li>
                <li role="presentation"><a href="#">Cadastro de Entrada</a></li>
                <li role="presentation"><a href="#">Cadastro de Saída</a></li>

                <li role="presentation" class="dropdown" >
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Relatórios<span class="caret"></span>
                </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Relatório de Entrada</a></li>
                    </ul>       

                </li>

                <li role="presentation"><a href="#">Lista de Fornecedores</a></li>
                <li role="presentation"><a href="login.php">Sair</a></li>
            </ul>
        </div>
    </div>
</div>

    
asked by anonymous 02.09.2016 / 00:20

1 answer

1

I've checked that you're using a bootstrap menu and in that case it is necessary that javascript of that library is also inserted.

Below the call of jquery , call bootstrap , how it will stay:

<script language="JavaScript" src="script/jquery.js" type="text/javascript"></script>
<script language="JavaScript" src="bootstrap/js/bootstrap.min.js"></script>

It is necessary that the file script/jquery.js and bootstrap/js/bootstrap.min.js exist in the folder, so check.

Whenever you experience these types of problems, make sure that the path of the files is correct and that you are not giving any JavaScript errors in the browser console.

    
02.09.2016 / 01:52