[英]Don't want page jump
以前的问题解决了@在同一Coe的变量jquery中使用选择器
我必须等制成的功能本该是用一个大的jQuery代码我不明白
这是我的jsfiddle,我具有相同的功能,但是当单击它时,页面跳转到该元素,我不希望页面跳转,我需要一些淡入淡出
$(".show").click(function() {
var link = $('this').attr('href');
$(link).show();
});
$(".close").click(function() {
$(this).closest("div.popupbox").hide();
});
和html
<a href="#popup" id="show" class="show">a</a>
<a href="#popup1" id="show1" class="show">b</a>
<a href="#popup2" id="show2" class="show">c</a>
我想在锚点单击时显示#popup,但不希望页面跳转/滚动到该ID我已经在小提琴中给出了top:10000px
来测试此问题,因为在我的原始页面中它将移至特定元素
试试这个:
$(".show").click(function(e) {
e.preventDefault();
var link = $(this).attr('href'); //<----remove quotes in $('this')
$(link).fadeIn(); // <-------------use fadeIn() instead
});
$(".close").click(function(e) {
e.preventDefault();
$(this).closest("div.popupbox").hide();
});
并将top:100000px
调整为较小的值,例如50px
使用preventDefault()
$(".show").click(function(e) {
e.preventDefault();
var link = $(this).attr('href');
$(link).show().animate(
{
scrollTop: $(link).offset().top
},800);;
});
$(".close").click(function(e) {
e.preventDefault();
$(this).closest("div.popupbox").hide();
$('body,html').animate(
{
scrollTop: 0
}, 800);
});
$('#foo',function(event) {
event.preventDefault();
});
尝试event.preventDefault()
$(".show").click(function(event) {
event.preventDefault();
var link = $(this).attr('href');
$(link).show();
});
$(".close").click(function(event) {
event.preventDefault();
$(this).closest("div.popupbox").hide();
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.