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

Popular posts from this blog

authentication - Mongodb revoke acccess to connect test database -

r - Update two sets of radiobuttons reactively - shiny -

ios - Realm over CoreData should I use NSFetchedResultController or a Dictionary? -