我的网页上有一个基本的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);
}
});
});
谢谢: - )
答案 0 :(得分:2)
你的jquery中有e.preventDefault();
。这会阻止链接进入。
答案 1 :(得分:1)
试试这个: - http://jsfiddle.net/fS5gq/9/。
$(".ancClass").click(function (e) {
window.location.href = $(this).attr("href");
return false;
});
我为锚标记添加了一个类,并添加了事件来处理重定向。