不想頁面跳轉

Question

上一頁problam解決@use selectors in variable jquery在同一COE

我必須做的功能像this 這是用一個大的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測試這個問題，因爲我原來的頁面將其移動到在fiddle和特定元素

完整的代碼，我想this functionality

Answer 1

這一個嘗試：

$(".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

Answer 2

使用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); 
}); 

Answer 3

$('#foo',function(event) { 
    event.preventDefault(); 
}); 

Answer 4

嘗試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(); 
}); 

文檔http://api.jquery.com/event.preventDefault/