追加上一個和下一個按鈕

-3

嘗試在我的網站中追加PREVIOUS/NEXT功能。點擊下一個按鈕時，我希望當前選項卡移動到其旁邊的右側。追加上一個和下一個按鈕

<div class="nav"> 
     <div id="prev" class="previous" style="display:none"> 
      <a href="#">Prvious</a> 
     </div> 
     <div id="prevempty"> 
     </div> 
     <div id="crumbs"> 
      <ul> 
       <li id="li1" class="current"><a href="#1" class="first" value="one" onclick="MenuFunction(1);">One</a></li> 
       <li id="li2"><a id="li2A" href="#2" value="two" onclick="MenuFunction(2);">Two</a></li> 
       <li id="li3"><a href="#3" value="three" onclick="MenuFunction(3);">Three</a></li> 
       <li id="li4"><a href="#4" value="four" onclick="MenuFunction(4);">Four</a></li> 
       <li id="li5"><a href="#5" value="five" onclick="MenuFunction(5);">Five</a></li> 
      </ul> 
     </div> 
     <div id="nxt" class="next"> 
      <a href="#">Next</a> 
     </div> 
    </div>

來源

2014-01-29 user3250132

到目前爲止您已經做了什麼，更新MenuFunction（） –

-1 「some1」和不顯示的代碼。 – Kroltan

根據你在這裏的內容，我想你可以在HTML元素中存儲你所在的標籤。將該值默認爲1，並在每次調用「MenuFunction（）」時進行更新。然後當你點擊你的上一個和下一個鏈接時，他們可以分別調用'PreviousMenu（）'和'NextMenu（）'，這些函數可以訪問你存儲的值。讓我知道你是否需要一個例子，以及你是否使用jQuery，如果需要，我會將它作爲答案發布。 – Samo

$(document).ready(function(){ 
     $("#nxt").click(function(){ 
     $("#prev").show(); 
      $(".current").next().addClass("current").end().removeClass("current"); 
      if($(".current").attr("id") == "li5") 
      { 
      $("#nxt").hide(); 
      } 
     }); 

    $("#prev").click(function(){ 
    $("#nxt").show(); 
    $(".current").prev().addClass("current").end().removeClass("current"); 
    if($(".current").attr("id") == "li1") 
    { 
     $("#prev").hide(); 
    } 
    }); 
});

來源

2014-01-29 19:13:01

追加上一個和下一個按鈕

回答

相關問題