javascript - jQuery not running with the html file -


i know there enough , more questions on topic, none of them seem fix problem. new jquery , trying out code. doesn't seem , running. have tried changing order in script occurs other scripts, have checked directory in jquery file resides, have tried use both cdn version , downloadable one. nothing seems work.

this head of html file 

<!doctype html> <html lang="en">     <head>         <meta charset="utf-8">             <meta http-equiv="x-ua-compatible" content="ie=edge">             <meta name="viewport" content="width=device-width, initial-scale=1">             <!-- above 3 meta tags *must* come first in head; other head content must come *after* these tags -->              <title>draft1</title>               <!-- bootstrap -->             <link href="css/bootstrap.min.css" rel="stylesheet">          <link href="./css/style1.css" rel="stylesheet">          <!-- custom fonts -->             <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" >                       <link href="http://fonts.googleapis.com/css?family=montserrat:400,700" rel="stylesheet" >             <link href="http://fonts.googleapis.com/css?family=lato:400,700,400italic,700italic" rel="stylesheet">         <link href="./font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet">               <!-- html5 shim , respond.js ie8 support of html5 elements , media queries -->             <!-- warning: respond.js doesn't work if view page via file:// -->             <!--[if lt ie 9]>          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>             <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>            <![endif]-->      </head>

i have put jquery @ end of body of html

<!-- jquery (necessary bootstrap's javascript plugins) -->             <script src="./js/jquery-1.11.3"></script>         <script>             $(document).ready((function) {                  $("div").css("border", "3px solid red");             });         </script>               <!-- include compiled plugins (below), or include individual files needed -->         <script src="js/bootstrap.min.js"></script>

in code have put jquery code html code itself. have tried version putting code in separate file , running it, doesnt work either.

any appreciated

try

  1. change <script src="./js/jquery-1.11.3"></script> <script src="//code.jquery.com/jquery-1.11.3.js"></script>

  2. change $(document).ready((function) { $(function(){ or $(document).ready(function(){


-

Comments

Post a Comment