Superfish links quit working

Permalink
I have a site with the Superfish add on in use. Drop downs menus work great. Problem is when I added a custom slideshow to the page, the Superfish drop downs stilled worked but none of the links will link to their pages.


The slideshow's javascript file (slide_img.js) is as follows" ----------

// Sliding Slideshow Script
jQuery(function(){
var direction;
var scrolltimer;

function verScroll(dir, spd) {
scrolltimer = null;
direction = dir;
totalwidth = 2100;
visiblewidth = 941;
tilewidth = totalwidth //- visiblewidth;
speed = parseInt(spd);
var x_pos;
x_pos = jQuery("#divASContainer #contentLayer").position().left;
if (direction == "right" && x_pos > -tilewidth) {
jQuery('#contentLayer').css('left', (x_pos - (speed)));
} else if (direction == "right") {
jQuery('#contentLayer').css('left', 0);
}
if (direction == "left" && x_pos < 0) {
jQuery('#contentLayer').css('left', (x_pos + (speed)));
} else if (direction == "left") {
jQuery('#contentLayer').css('left', -tilewidth);
}
scrolltimer = setTimeout("verScroll(direction,speed)", 24); //to make it go faster increase the number
}

function scrollStart()
{
verScroll('right','1');
}

function stopScroll() {
clearTimeout(scrolltimer);
}

function startAndStop(dir, spd) {
clearTimeout(scrolltimer);
verScroll(dir, spd);
}

jQuery(document).ready(function() {

jQuery("#scrollLeft").mouseover(function() {
startAndStop('right','15');
//$("#scrollLeft").css('background-position','0px -139px');
});
jQuery("#scrollLeft").mouseout(function() {
startAndStop('right','1');
//$("#scrollLeft").css('background-position','0px 0px');
});
jQuery("#scrollRight").mouseover(function() {
startAndStop('left','15');
//$("#scrollRight").css('background-position','-29px -139px');
});
jQuery("#scrollRight").mouseout(function() {
startAndStop('left','1');
//$("#scrollRight").css('background-position','-29px 0px');
});

jQuery('#contentLayer').mouseover(function() {
stopScroll();
})
jQuery('#contentLayer').mouseout(function() {
startAndStop(direction,'1')
})

scrollStart();

//show hide captions for the pictures script

/* $(".caption").hide(); //hides all the captions
$("a").live("click",function(e){
e.preventDefault();
});*/
//on mouseover displaying the correct caption
//timeout allows the caption to appear only when mouse howers and stay on the image
//to add more images make sure to add "rel=[image number] the script takes care of the rest
/* $("img").live("mouseover", function(){
var $e = $(this);
timer = window.setTimeout(function() {
$('#' + $e.attr('rel')).show('fast')
}, 300);
});

$("img").live("mouseout", function(){
var $e = $(this);
if (timer) {
window.clearTimeout(timer);
}
$('#' + $e.attr('rel')).hide('fast')
});*/

});
});



The Theme's default.php code is as follows: -------------------

<?php
defined('C5_EXECUTE') or die(_("Access Denied."));
$this->inc('elements/header.php'); ?>

<div id="outer_container">
<div id="container">

<div id="header">
<div id="logo"></div><!--end logo area-->
<div id="head_expertise"><p class="headertext">EXPERTISE<br />WORLDWIDE</p></div><!--end expertise area-->
<div id="nav_area"><?php
$a = new Area('top_nav');
$a->display($c);
?>
</div><!--end nav_area-->
</div><!--end header area-->


<div id="content">
<div id="home_content">
<table width="875" border="0" cellspacing="0" cellpadding="0" style=" margin-left:45px;">
<tr>


<td valign="top" style="width:300px;">
<div id="right_textarea2"><?php
$a = new Area('home_text');
$a->display($c);
?>
</div><!--end right_textarea2-->


</td>
</tr>
</table>
</div><!--end home_content-->
<div id="home_photobar">
<table border="0" cellpadding="0" cellspacing="0" width="941" align="center">
<tr>
<td width="941">

<div class="divASArrowLeft">
<a id="scrollLeft" href="#"></a>
</div>
<div class="divASArrowRight" >
<a id="scrollRight" href="#"></a>
</div>
<div id="divASContainer">
<div id="contentLayer">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><a href="#0"><img src="http://65.18.192.142/themes/d_home/images/home_KK_disintegrator.jpg" id="img1" rel="cap1" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#1"><img src="http://65.18.192.142/themes/d_home/images/home_HH_SwissCombi.jpg" id="img2" rel="cap2" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#2"><img src="http://65.18.192.142/themes/d_home/images/home_N.jpg" id="img3" rel="cap3" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#3"><img src="http://65.18.192.142/themes/d_home/images/home_GG_P-ring dryer.jpg" id="img4" rel="cap4" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#4"><img src="http://65.18.192.142/themes/d_home/images/home_W_Turkey.jpg" id="img5" rel="cap5" height="139" border="0" /></a></td>

<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#5"><img src="http://65.18.192.142/themes/d_home/images/home_Z_.jpg" id="img6" rel="cap6" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#6"><img src="http://65.18.192.142/themes/d_home/images/home_DD_Swissl_Combi.jpg" id="img7" rel="cap7" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#7"><img src="http://65.18.192.142/themes/d_home/images/home_BB.jpg" id="img8" rel="cap8" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#8"><img src="http://65.18.192.142/themes/d_home/images/home_CC_P- ring dryer.jpg" id="img9" rel="cap9" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#8"><img src="http://65.18.192.142/themes/d_home/images/home_M_Reineveld.jpg" id="img10" rel="cap10" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#7"><img src="http://65.18.192.142/themes/d_home/images/home_V_Evaporator.jpg" id="img11" rel="cap11" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#7"><img src="http://65.18.192.142/themes/d_home/images/home_I_Ring Dryer.jpg" id="img12" rel="cap12" height="139" border="0" /></a></td>


<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#0"><img src="http://65.18.192.142/themes/d_home/images/home_KK_disintegrator.jpg" id="img1" rel="cap1" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#1"><img src="http://65.18.192.142/themes/d_home/images/home_HH_SwissCombi.jpg" id="img2" rel="cap2" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#2"><img src="http://65.18.192.142/themes/d_home/images/home_N.jpg" id="img3" rel="cap3" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#3"><img src="http://65.18.192.142/themes/d_home/images/home_GG_P-ring dryer.jpg" id="img4" rel="cap4" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#4"><img src="http://65.18.192.142/themes/d_home/images/home_W_Turkey.jpg" id="img5" rel="cap5" height="139" border="0" /></a></td>

<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#5"><img src="http://65.18.192.142/themes/d_home/images/home_Z_.jpg" id="img6" rel="cap6" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#6"><img src="http://65.18.192.142/themes/d_home/images/home_DD_Swissl_Combi.jpg" id="img7" rel="cap7" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#7"><img src="http://65.18.192.142/themes/d_home/images/home_BB.jpg" id="img8" rel="cap8" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#8"><img src="http://65.18.192.142/themes/d_home/images/home_CC_P- ring dryer.jpg" id="img9" rel="cap9" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#8"><img src="http://65.18.192.142/themes/d_home/images/home_M_Reineveld.jpg" id="img10" rel="cap10" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#7"><img src="http://65.18.192.142/themes/d_home/images/home_V_Evaporator.jpg" id="img11" rel="cap11" height="139" border="0" /></a></td>
<td><img src="http://65.18.192.142/themes/d_home/images/sm_transparent.gif" alt=" | " /></td>
<td><a href="#7"><img src="http://65.18.192.142/themes/d_home/images/home_I_Ring Dryer.jpg" id="img12" rel="cap12" height="139" border="0" /></a></td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</div><!--end home photobar area-->
</div><!--end content-->

<div id="footer">
<div id="footertext">
<div class="caption" id="cap1">Disintegrator</div>
<div class="caption" id="cap2">Swiss Combi ecoDry&trade;</div>
<div class="caption" id="cap3">Evaporator Being Installed</p></div>
<div class="caption" id="cap4">P-Ring Dryer</p></div>
<div class="caption" id="cap5">Multiple Effect Stillage Evaporator</div>
<div class="caption" id="cap6">Vinasse Evaporator</div>
<div class="caption" id="cap7">Swiss Combi ecoDry&trade;</div>
<div class="caption" id="cap8">Delivery of Falling Film Evaporator</div>
<div class="caption" id="cap9">P-Ring Dryer</div>
<div class="caption" id="cap10">Reineveld Centrifuge</div>
<div class="caption" id="cap11">Quadruple Effect Stillage Evaporator</div>
<div class="caption" id="cap12">Ring Dryer</div>
</div><!--end footertext-->
<div id="copyright"><span class="sign-in">
&copy; <?php echo date('Y')?> <?php echo SITE?>.
&nbsp;&nbsp;

<?php echo t('All rights reserved.')?></span>
<?php
$u = new User();
if ($u->isRegistered()) { ?>
<?php
if (Config::get("ENABLE_USER_PROFILES")) {
$userName = '<a href="' . $this->url('/profile') . '">' . $u->getUserName() . '</a>';
} else {
$userName = $u->getUserName();
}
?>
<span class="sign-in"><?php echo t('Currently logged in as <b>%s</b>.', $userName)?> <a href="<?php echo $this->url('/login', 'logout')?>"><?php echo t('Sign Out')?></a></span>
<?php } else { ?>
<span class="sign-in"><a href="<?php echo $this->url('/login')?>"><?php echo t('Sign In to Edit this Site')?></a></span>
<?php } ?>



</div><!--end copyright-->
</div><!--end footer-->
</div><!--end container-->
</div><!--end outer container-->

<?php $this->inc('elements/footer.php'); ?>



Header element code is as follows: --------------------
<?php defined('C5_EXECUTE') or die(_("Access Denied.")); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>

<!-- Site Header Content //-->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('main.css')?>" />
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('typography.css')?>" />
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('superfish.css')?>" />
<script type="text/javascript" src="http://65.18.192.142/themes/d_hometest/jquery-1.6.1.js"></script>
<script type="text/javascript" src="http://65.18.192.142/themes/d_hometest/slide_img.js"></script>
<!--<script type="text/javascript" src="hoverIntent.js"></script>-->
<script type="text/javascript" src="superfish.js"></script>
<script type="text/javascript">

// initialise plugins
jQuery(function(){
jQuery('ul.sf-menu').superfish();
});

</script>

<?php Loader::element('header_required'); ?>


<!--[if IE]>
<style type="text/css">

ul.sf-submenu {
background-color:#82BBD8;
border-left: 1px solid #00467F;
}

ul.sf-submenu li a {
background-color:none;
border: none;
}

.sf-menu li li a:link, .sf-menu li li a:visited {

}
.sf-menu li li a:hover {

}

</style>
<![endif]-->

<!--<script type="text/javascript" src="scripts/crawler.js">-->
<!--/* Text and/or Image Crawler Script v1.5 (c)2009-2011 John Davenport Scheuer
as first seen inhttp://www.dynamicdrive.com/forums/...
username: jscheuer1 - This Notice Must Remain for Legal Use
updated: 4/2011 for random order option, more (see below)
*/-->
<!--</script>-->

</head>
<body>

I have not been able to pinpoint what it is that creates the conflict. When you hover over the link in the Superfish menu it gives the correct url, but when you click on the link, nothing happens.

Any suggestions, solutions or help would be immensely appreciated. If you need to see additional files let me know.
Adriana

Tags:

superfish
Adriana
View Replies: View Best Answer
MattWaters replied on at Permalink Reply
MattWaters
Hi Adriana,

Do you have a link to your site that I could take a look at?
Adriana replied on at Permalink Reply
Adriana
The site site is dedert.com. but this will only show the site with the original slideshow that didn't have the arrows on the side, but you can see that the Superfish menu works there.

If you go tohttp://dedert.com/index.php?cID=148... you'll see the page I created in the sitemap that I made in-accessible by any public navigation for testing purposes. You'll see that the links do not go anywhere. Interestingly enough I just discovered that the page won't let me edit it or add any blocks either so my problem may stem deeper :(

Adriana
MattWaters replied on at Permalink Best Answer Reply
MattWaters
It looks like this part of your slideshow / scroller script binds click events on all a (link) elements (like the ones in your superfish menu) to the preventDefault() method, which disables the links:

$("a").live("click",function(e){
e.preventDefault();
});


http://api.jquery.com/event.preventDefault/...

Maybe you could just change the selector to only affect links in the div that holds your scroller? I see that it's got an id of home_photobar so maybe something like this would work better:

$("#home_photobar a").live("click",function(e){
e.preventDefault();
});


This really isn't an issue with Superfish, though, from what I can tell, since it looks like your other script is the one disabling link behavior. Regardless, I hope this helps you find a solution.
Adriana replied on at Permalink Reply
Adriana
Matt,
What you say makes sense. Where and in what script did you find the code below so I can change it like you suggest?
$("a").live("click",function(e){
e.preventDefault();
});

Adriana
Adriana replied on at Permalink Reply
Adriana
Ok, now I see it. I'm goping to try changing it
Adriana replied on at Permalink Reply
Adriana
Matt your answer was the solution. I made the change and now I have it working. Thanks for all your help!
MattWaters replied on at Permalink Reply
MattWaters
Cool, glad to help!