Fórum BootStrap Menu Dropdown erro Uncaught TypeError Cannot set property transition of undefined #542739

16/01/2016

0

Front-end

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.

<!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-20160116-140210.jpg[/img]
Ronaldo Souza

Ronaldo Souza

Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar