jQuery脚本忽略超链接

时间:2013-02-03 15:33:40

标签: javascript jquery html

我的网页上有一个基本的jQuery脚本,它有div隐藏/显示功能。

它工作得很好但是,我注意到'隐藏'div(.newboxes2)中的链接无法按预期工作。我希望点击它们并转到谷歌。

有人可以解释我如何更新我的代码来解决这个问题吗?

这是我的jsFiddle,希望能说明我的观点。

jQuery的:

$(document).ready(function() {

 $('.showscroll').bind('click', 'h2, h3', function(e) {
   e.preventDefault();

   $(this).toggleClass('active');
   $(".newboxes2").not($(this).find(".newboxes2")).slideUp();
   $(this).find('.newboxes2').slideToggle();

               if($(this).is('.active') ) {
                       $(this).find('img.small').attr('src', '/wp-content/themes/boilerplate/images/image_corner_btn_onstate.png');
               } else {
                       $(this).find('img.small').attr('src', '/wp-content/themes/boilerplate/images/image_corner_btn_offstate.png');
               }
   if (this.id === 'service29') {
    $('html, body').animate({
      scrollTop: $(this).find('h2').offset().top
    }, 1000);
                }

 });

});

谢谢: - )

2 个答案:

答案 0 :(得分:2)

你的jquery中有e.preventDefault();。这会阻止链接进入。

答案 1 :(得分:1)

试试这个: - http://jsfiddle.net/fS5gq/9/

$(".ancClass").click(function (e) {
    window.location.href = $(this).attr("href");  
    return false;
});

我为锚标记添加了一个类,并添加了事件来处理重定向。