頁是跳躍上拇指圖像，當點擊頂部

Question

我已經圖像滑塊，

<div class="slider"> 
    <div id="image_large_1"> 
     <img src="../1.png" alt=""> 
    </div> 
    <div id="image_large_2"> 
     <img src="../2.png" alt=""> 
    </div> 
</div> 

<!-- Slider close,thumb start --> 

<div class="thumbs_div"> 
    <div id="thumb_1"> 
    <img src="../1_t.png" alt="" id="thumb_1"> 
    </div> 
    <div id="thumb_2"> 
    <img src="../2_t.png" alt="" id="thumb_2"> 
    </div> 
</div> 

當拇指圖像用戶點擊則其對應的大尺寸圖像將在滑塊DIV顯示。一切工作正常，但當我點擊拇指圖像，然後頁面跳到頂部，可能是什麼問題？以下是jQuery代碼。

$("div[id^=image_large_]:gt(0)").hide(); 
$("div.thumb_div img").click(function(){ 

     div_id = $(this).attr('id').substring('thumb_'.length); 
     $("div[id^=image_large_]").hide(); 
     $("div#image_large_"+div_id).fadeIn('slow'); 

    }); 

Answer 1

如果您slider DIV沒有指定尺寸，然後將其摺疊時image_large_*的div被這條線隱藏：

$("div[id^=image_large_]").hide(); 

其結果是，含量越低下來的頁面將向上移動意志當.hide()完成時跳起來。

嘗試給大圖像容器div與它們包含的圖像相同的尺寸。