I am not well versed in js. I have a jquery script that does not allow the link to work. Everything else works fine, however when you click on the image, the background turns red, the images freeze and the link will not work. Clicking again unfreezes the images. Right clicking "Open in New Tab" works fine.
This is the code.
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.2.min.js'></script>
<script type="text/javascript" src="js/jquery.jqDock.js"></script>
<script type="text/javascript" src="js/jquery.jqDock.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
// set up the options to be used for jqDock...
var dockOptions =
{ align: 'top' // horizontal menu, with expansion DOWN from a fixed TOP edge
, size: 80 //increase 'at rest' size to 60px
, labels: true
}
//and get $('#menu')...
, Menu = $('#menu');
//replace my default click handler with a 'freeze' toggler...
Menu.children().unbind('click').click(function(){
var frozen = Menu.jqDock('get').Frozen;
Menu.jqDock(frozen ? 'nudge' : 'freeze').toggleClass('frozen', !frozen);
this.blur();
return false;
}).end()
// ...and apply jqDock...
.jqDock(dockOptions);
});
</script>
<div id='menu'>
<a href='#'><img src='images/home.png' title='Home' alt='' /></a>
<a href='#'><img src='images/menugraf.png' title='Menu' alt='' /></a>
<a href='specials.php'><img src='images/specials2.jpg' title='Food Specials & Events' alt='' /></a> <a href='#'><img src='images/lepricon.png' title='Beer List' alt='' /></a>
<a href='#'><img src='images/computer.png' title='Order Online' alt='' /></a>
<a href='#'><img src='images/cater.jpg' title='Catering & Parties' alt='' /></a>
<a href='#'><img src='images/phone.png' title='Contact & Directions ' alt='' /></a>
Can someone point me in the right direction?
Thank you
Gary
