2011-08-05 80 views
1

我在购物车切换下拉菜单时遇到问题,点击下拉链接时,链接不会将我带到链接位置,而是会做其他事情。无法点击切换下拉链接

这是我的编码,我做错了什么?任何帮助都会很棒。

$(document).ready(function(){ 

// Drop Menu 


$('.navigation > ul > li > a').click(function(e){ 
    if($(this).parent().hasClass('current')){ 
     $(this).parent().removeClass('current'); 
    }else{ 
     $(this).parent().addClass('current'); 
    } 
    if($(this).parent().find('ul')){ 
     e.preventDefault(); 
    } 
}); 

$('.shoppingbasket > ul > li').click(function(e){ 
    if($(this).hasClass('current')){ 
     $(this).removeClass('current'); 
    }else{ 
     $(this).addClass('current'); 
    } 
    if($(this).parent().find('ul')){ 
     e.preventDefault(); 
    } 
}); 

$(".navigation ul ul, .shoppingbasket ul ul").css({display: "none"}); 
$(".navigation ul li, .shoppingbasket ul li").click(function(){ 
    $(this).find('ul:first').slideToggle(400); 
}); 
}); 
+0

你的HTML可以帮助你和你在你的JavaScript任何错误? – Alex

回答

0

有在你的代码的几个问题,试试这个

$(document).ready(function(){ 

// Drop Menu 


$('.navigation > ul > li > a').click(function(e){ 
    var $parent = $(this).parent(); 
    if($parent.hasClass('current')){ 
     $parent.removeClass('current'); 
    }else{ 
     $parent.addClass('current'); 
    } 
    if($parent.find('ul').length > 0){ 
     e.preventDefault(); 
    } 
}); 

$('.shoppingbasket > ul > li').click(function(e){ 
    var $this = $(this); 
    if($this.hasClass('current')){ 
     $this.removeClass('current'); 
    }else{ 
     $this.addClass('current'); 
    } 
    if($this.parent().find('ul').length){ 
     e.preventDefault(); 
    } 
}); 

//This will stop the event propagation from sub menus  
$('ul.sub-menu').click(function(e){ 
    e.stopPropagation(); 
}); 

$(".navigation ul ul, .shoppingbasket ul ul").css({display: "none"}); 
$(".navigation ul li, .shoppingbasket ul li").click(function(){ 
    $(this).find('ul:first').slideToggle(400); 
}); 
}); 
+0

我已经添加了代码,但仍然有相同的问题,这里是我的网址http://www.media21a.co.uk/clientlogin/benaiahmatheson/products-page/t-shirt/ – Delete

+0

@亚当 - 尝试我编辑的答案它现在可以在我的网站上测试。 – ShankarSangoli

+0

@亚当 - 你试过我编辑的答案吗? – ShankarSangoli

0

在你标记的购物车链接我看到比其他环节不同的仅仅是一个目标的属性。

<a class="visitshop" title="Visit Shop" href="http://www.media21a.co.uk/clientlogin/benaiahmatheson/products-page/" target="_parent">Visit the shop</a> 

尝试删除该属性:

target="_parent" 
+0

被删除,仍然是同样的事情发生... – Delete

+0

我试过所有这些,似乎没有任何工作我已经双重检查了我的HTML&jQuery,我似乎无法找到任何东西。任何额外的帮助将是伟大的:) – Delete