html5 - html5shiv conflicting with jquery lightbox? -
i hoping me before loose marbles.....i have site in html5 , have included html5shiv, - in ie8 - when conflicts lightbox , images dont show. thanks.
here
<!doctype html> <head> <!-- meta data --> <meta charset="utf-8" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="....." /> <meta name="description" content="....." /> <link href='http://fonts.googleapis.com/css?family=neucha' rel='stylesheet' type='text/css'/> <link rel="stylesheet" type="text/css" href="styles/main.css"/> <link href="styles/lightbox.css" rel="stylesheet" /> <!--[if lt ie 9]> <script src="dist/html5shiv.js"> </script> <![endif]--> <script src="scripts/jquery-1.7.2.min.js"></script> <script src="scripts/lightbox.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script src="scripts/backarrow.js"></script> <script src="scripts/smoothscroll.js"></script> <title>.......</title> </head>
i don't think problem html5shiv - problem you're including 2 separate copies of jquery.... v 1.7.1, , 2 lines further down include v1.4.3.
these 2 jquery versions definitely clash each other, , break site, work differently between browsers, , exact effect see depend on 1 loaded first.
if html5shiv having effect, because it's being included before 2 jquery versions. tie browser , server moment while loads, result in affecting order the 2 copies of jquery load. (this particularly because 2 jquery copies coming different sources)
solution: remove jquery 1.4.3 line entirely, , stick newer version of jquery. (while you're @ it, might opportunity upgrade other jquery include 1.8 or 1.9)
Comments
Post a Comment