Right, two problems. There's a conflict with the other two scripts using other versions of jQuery on the page. But also, the script is falsely detecting a touch browser in Opera and Chrome. If it did not, there would not be the conflict. This was supposed to be fixed in the latest version. Apparently either it wasn't actually fixed, or Chrome and Opera have become more sensitive yet again. In any case, here's an updated version that works:
ddsmoothmenu.js
But, since on real touch devices there may still be a problem, I would also recommend getting rid of all the files for the other scripts from the page (remove):
Code:
<script src="facefiles/jquery-1.2.2.pack.js" type="text/javascript"></script>
<link href="facefiles/facebox.css" media="screen" rel="stylesheet" type="text/css" />
<script src="facefiles/facebox.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox()
})
</script>
<script type="text/javascript" <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="Goggle/picfader1.js"></script>
They're not used anyway. So the head of the page will look like so:
Code:
<head>
<title>Toggenburg Mountain Winter Sports Center</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="Toggenburg, Central New York skiing, skiing, boarding, winter sports, Central New York, Fabius, Toggenburg Winter Sports Center, winter sports, hillclimb, Foggy Goggle, ski areas, Central New York ski areas, Tog, Ski Tog, skitog, snow sports, CNY sports, CNY winter sports, CNY ski areas, CNY ski resorts, ski resorts, New York State ski areas, New York State ski resorts" />
<base href="http://www.skitog.com/" />
<link href="togg.css" rel="stylesheet" type="text/css" />
<LINK REL="SHORTCUT ICON" HREF="http://skitog.com/tog.ico">
<link rel="stylesheet" type="text/css" href="includes/ddsmoothmenu.css" />
<link rel="stylesheet" type="text/css" href="includes/ddsmoothmenu-v.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="includes/ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Please keep this notice intact
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
</head>
Menu works fine except on home page in Chrome or Opera
Reply With Quote
Bookmarks