BootStrap Menu Dropdown erro Uncaught TypeError Cannot set property transition of undefined
15/01/2016
0
Galera estou com um problema no bootstrap, estou criando um menu dropdown mas ele não funciona corretamente, apresenta erro no F12 (Uncaught TypeError: Cannot set property 'transition' of undefined), inverte a ordem das bibliotecas JS e nada.
podem me ajudar? segue codigo e imagem de erro.
[img]http://arquivo.devmedia.com.br/forum/imagem/470817-20160115-192519.jpg[/img]
podem me ajudar? segue codigo e imagem de erro.
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Teste Menu</title>
<link href="./styles/style.css" rel="stylesheet">
<link href="./styles/bootstrap.css" rel="stylesheet" type="text/css">
<link href="./styles/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="./styles/bootstrap-theme.css" rel="stylesheet" type="text/css">
<link href="./styles/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
<style type="text/css">
body {
background-color: #F5F4F0;
}
</style>
<!--[if lt IE 8]>
<script src ="http://ie7-js.googlecode.com/svn/version/2.1(beta2)/IE8.js"></script>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type = "text/javascript" src = "./application/js/jquery.min.js"></script>
<script type = "text/javascript" src = "./application/js/bootstrap.js"></script>
<script type = "text/javascript" src= "./application/js/bootstrap.min.js"></script>
<script type = "text/javascript" src= "./application/js/scripts5.js"></script>
</head>
<body>
<!--estrutura Bootstrap container cabeçario - fluid, ocupa 100% do layout, classe row (linha) e classe col(12 coluna)-->
<div class="container-fluid">
<header class="row"> <!--Linhas-->
<div id="header" class="col-md-12 col-xs-12 col-sm-12 col-lg-12"> <!--12 Colunas-->
<div class="header">
<div class="headtop">
<div class="headcontent">
<div class="logo"> <!--classe logo-->
<div>
<a href="Controle de Estoque.php">
<img src="./img/Untitled.png" class="img-responsive" alt="Página inicial" title="Página inicial" width="180" height="80"></a>
</div>
<!--informaçoes do usuario-->
<div class="s_nr tagline">
</div>
</div>
<div style="float:right;" id="HeaderTopContent">
<span class="roundbox_h hand">
<span class="middle">
<h2 class="subtitle">Olá: <?php echo $_SESSION['UsuarioNome']; ?>
</span>
</span>
</div>
</div>
</div>
<!--menu-->
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Menu</a>
</div>
<!-- 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">
<li class="active"><a href="Controle de Estoque.php">Inicio<span class="sr-only">(current)</span></a></li>
<li><a href="menuin.php">Menu</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Produtos <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="Controle de Estoque.php?url=categoria&acao=formcadastrocategoria">Cadastrar Categoria</a></li>
<li><a href="Controle de Estoque.php?url=produto&acao=formcadastro">Cadastrar Produtos</a></li>
<li role="separator" class="divider"></li>
<li><a href="Controle de Estoque.php?url=produto&acao=listar">Listar Produtos</a></li>
<li role="separator" class="divider"></li>
<li><a href="Controle de Estoque.php?url=categoria&acao=listar">Listar Categorias</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Estoque <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="Controle de Estoque.php?url=estoque&acao=formcadastroentrada">Entrada de Material</a></li>
<li><a href="Controle de Estoque.php?url=estoque&acao=formcadastrosaida">Saida de Material</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Fornecedores <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="Controle de Estoque.php?url=fornecedor&acao=formcadastro">Cadastrar Fornecedor</a></li>
<li role="separator" class="divider"></li>
<li><a href="Controle de Estoque.php?url=fornecedor&acao=listar">Listar Fornecedores</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Retirantes <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="Controle de Estoque.php?url=retirante&acao=formcadastro">Cadastrar Retirante</a></li>
<li role="separator" class="divider"></li>
<li><a href="Controle de Estoque.php?url=retirante&acao=listar">Listar Retirantes</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Relatórios <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="Controle de Estoque.php?url=relatorio&acao=produto">Produtos</a></li>
<li><a href="Controle de Estoque.php?url=relatorio&acao=fornecedor">Fornecedores</a></li>
<li><a href="Controle de Estoque.php?url=relatorio&acao=retirante">Retirantes</a></li>
<li><a href="Controle de Estoque.php?url=relatorio&acao=entrada">Entrada</a></li>
<li><a href="Controle de Estoque.php?url=relatorio&acao=saida">Saida</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Usuários <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="usuario.php">Cadastrar</a></li>
</ul>
</li>
<li class="active"><a href="logout.php">logout</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<script src='./application/js/jquery.min.js'></script>
<script src='./application/js/bootstrap.min.js'></script>
<script> $(function () { $('.dropdown-toggle').dropdown(); }); </script>
</header>
</div>
</div>
</body>
</html>[img]http://arquivo.devmedia.com.br/forum/imagem/470817-20160115-192519.jpg[/img]
Ronaldo Souza
Curtir tópico
+ 0
Responder
Clique aqui para fazer login e interagir na Comunidade :)