Problems with updated jquery [duplicate]

0

Hello, I'm starting a website and I put the bootstrap - I put the most up-to-date jquery you have in case it's 3.1.1

In the inspecte of element it gives me an error ... I was to visualize and the message is like this: Uncaught Error: Bootstrap's JavaScript requires jQuery summarizing it is necessary to have the jquery necessary for the bootstrap to work. .. just that this updated jquery was to work and I do not know why you are giving this error

Detail my menu that has on the site is not working when I view in the mobile emulator that has on the chrome element inspecte and other browser

It seems like you're not getting any necessary plugins for your mobile. Can anyone help me?

Code:

 <head>
        <meta charset="utf-8">
        <meta name="description" content="Studio 7 Hair é um salão de beleza">
        <meta name="author" content="Miyomic">

        <title>Studio 7 Hair</title>

      <link rel="stylesheet" type="text/css" href="css/visual.css">

      <!-- responsivo -->
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

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

      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

      <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script><!--Includeallcompiledplugins(below),orincludeindividualfilesasneeded--><scriptsrc="js/bootstrap.min.js"></script>
      <script src="js/jqueryAtualizado.js"></script>
      <script src="js/jqueryAtualizado.min.js"></script>
      <script src="js/jquery-3.1.1.slim.min.js"></script>
      <script src="js/modernizr-2.6.2.min.js"></script>
      <script src="js/jquery-1.11.0.min.js"></script>
      <script src="js/jquery.nav.js"></script>
      <script src="js/jquery.parallax-1.1.3.js"></script>
      <!-- Fim responsivo -->

      <script src="js/digitar-home.js"></script>


    </head>
    
asked by anonymous 02.12.2016 / 14:04

1 answer

2

jQuery must be imported before Bootstrap, this may be a cause of error in your case. As the @leofontes mentioned, apparently you're importing jQuery more than once - this is not a good practice. Your head should look something like this:

      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script><scriptsrc="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
      <script src="js/modernizr-2.6.2.min.js"></script>
      <script src="js/jquery.nav.js"></script>
      <script src="js/jquery.parallax-1.1.3.js"></script>

Include this in your head to work the menu for mobile:

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

Without them, the third world war can start at any moment.

    
02.12.2016 / 14:12