jqueryui隱藏和滑動功能跳轉到頂部

您好我有一些問題，當使用幻燈片裏面隱藏的jQuery UI。當我按下我創建的TAB時，它總是跳轉到頁面的頂部。我已經搜索這個網站的解決方案涉及我的，但似乎沒有找到解決方案，因爲我的是有點不同於其他人。下面是代碼jqueryui隱藏和滑動功能跳轉到頂部

<ul id="about_navi"> 
     <li><span class="change_me selected" rel="first">About Us</span><span class="arrow_down"></span></li> 
     <li><span class="change_me" rel="second">Meet The Team</span><span class="arrow_down"></span></li> 
     <li><span class="change_me" rel="third">How We Work</span><span class="arrow_down"></span></li> 
     <li><span class="change_me" rel="fourth">Client Testimonial</span><span class="arrow_down"></span></li> 
     <li><span class="change_me" rel="fifth">Our Products</span><span class="arrow_down"></span></li> 
     <div class="clr"></div> 
    </ul>

這裏是JavaScript

$(function(){ 
    $(".change_me").click(function(){ 
      var class_name = $(this).attr("rel"); 
      if(($(".context").is(":hidden"))){ 
       $('.context:visible').hide("slide", { direction: "right" }, 600,function(event){ 
        $("."+class_name).show("slide", { direction: "left" }, 600); 

       }); 

       return false; 
      } 

    })

的代碼是罰款只是我已經基於完全直到有人告訴我，其他的瀏覽器有這個問題的Firefox。提前致謝。順便說一句，我使用的jQuery 1.4.3和1.8.1 jQueryUI的

來源

2011-03-18 lilsizzo

你在'$（「。」+ class_name）''中定義'class_name'的地方？ – Seth 2011-03-18 03:57:03

對不起，我編輯了代碼。它從span中獲取rel的屬性。 – lilsizzo 2011-03-18 07:22:13

我甲肝管理調試問題。通過使內容的div或跨度至少具有最小高度是可以解決的。

例如，因爲我使用類「上下文」來隱藏n顯示，我應該有另一個div/span早些時候，並指定他們的CSS具有最低高度可以說..... 500px。所以無論顯示還是隱藏，滾動條都會處於最佳狀態，這意味着不會跳躍。

我希望我的解釋清楚。謝謝。

來源

2011-03-18 07:38:59 lilsizzo

你應該嘗試preventDefault()

$(".change_me").click(function(event){ 

    event.preventDefault(); 

    // Your code... 

});

來源

2011-03-18 03:58:27 Seth

它也無法工作。我曾嘗試過。 – lilsizzo 2011-03-18 04:42:18

jqueryui隱藏和滑動功能跳轉到頂部

回答

相關問題