作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我的网页上有一个基本的 jQuery 脚本,它具有 div 隐藏/显示功能。
它工作得很好,但是,我注意到“隐藏”div (.newboxes2
) 内的链接无法按预期工作。我希望点击它们并被带到 Google。
有人可以解释一下我如何更新代码来解决这个问题吗?
这是我的 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);
}
});
});
谢谢:-)
最佳答案
你的jquery中有e.preventDefault();
。这会阻止链接继续。
关于javascript - jQuery 脚本忽略超链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14674097/
我是一名优秀的程序员,十分优秀!