jQuery的功能滑動href點擊

Question

我有一個div拉伸400％的屏幕。當我點擊一個href時，我想讓div向左滑動。到目前爲止，div移動到左邊然後跳回到原來的位置。它爲什麼這樣做？

這裏是我的jQuery

<script type="text/javascript"> 
$(document).ready(function() { 

    $('#about').click(function() { 
     $('#main_div_wide_wrapper').animate({ 
     'left' : "-=100%" //moves left 
     }); 
    }); 

}); 
</script> 

下面是HTML

<div id="main_div_wrapper"> 
    <div id="main_div_wide_wrapper"> 

    </div><!--end main_div_wide_wrapper--> 
</div><!--end main_div_wrapper--> 
<a class="bottom_link" href="" id="about">About</a> 

這裏是CSS

#main_div_wrapper{ 
    width:100%; 
    height:550px; 
    padding:0px; 
    margin:0px; 
    overflow:hidden; 
} 

#main_div_wide_wrapper{ 
    position:relative; 
    width:400%; 
    height:550px; 
    background:#000; 
    padding:0px; 
    margin:0px; 
} 

Answer 1

$('#about').click(function(event) { 
    event.preventDefault(); 
     $('#main_div_wide_wrapper').animate({ 
     'left' : '-=100%' //moves left 
     }); 
    }); 

http://jsfiddle.net/ft9sJ/1/

您應該使用http://api.jquery.com/event.preventdefault/ preventDefault（）方法......我想鏈接刷新頁面上的點擊，因此，它是造成「跳」 ......

Answer 2

我會嘗試刪除$（文件）。就緒（函數（）從它周圍，如果你希望它發生點擊沒有必要。此外，我會用邊緣剩餘屬性而不是簡單左邊來做，當我做滑塊時，通常在瀏覽器中效果更好。