動態菜單鏈接更換jQuery的

-3

我需要隱藏所有列表元素，但只有在特定的時間顯示一個依賴於通過導航欄按下方向或按鍵。動態菜單鏈接更換jQuery的

我已經試過這樣：

$('ul li').hide().first().show();

這說明我在列表中的第一個元素。

但現在我需要在列表導航，我不知道該怎麼辦的控制。

基本上，我需要有更多或更少的這種佈局的菜單：

< - prev   LINK1   next - >

所以基本上，ID有一個無序列表，因此HTML會是這樣

<ul> 
    <li>LINK1</li> 
    <li>LINK2</li> 
    <li>LINK3</li> 
</ul>

所以，我需要一次只顯示一個，一旦按下了下一個或上一個按鈕，它將在列表結束或開始時「循環」列表。

來源

2012-08-09 Shannon

我已經零線索，我一直在使用$嘗試（這一點）。接下來（）。追加（#container的）類似的東西，但它沒有工作:( – Shannon 2012-08-09 01:23:38

如果你所做的一切就是儘量'追加（）'你一定不會花很多時間巡航jQuery的文檔。看看'動畫（）'，與CSS發揮。我們保持更新。 – 2012-08-09 03:04:18

http://jsfiddle.net/sechou/UmRph/7/ – 2012-08-09 03:40:45

或許這些代碼可以幫助您 http://jsfiddle.net/sechou/UmRph/7/

$("li").hide(); // hide every element first 
$("li:first").show(); // only display the first one 
var idx = 0; 
$("nextbtn").click(function(){ 
    if(idx == $("li").size() -1) 
      idx =0; 
    else 
      idx++; 

    $("li").hide(); 
    $("li:eq("+ idx + ")").show(); 
}); 
$("prevbtn").click(function(){ 
    if(idx == 0) 
      idx = $("li").size() -1; 
    else 
      idx--; 

    $("li").hide(); 
    $("li:eq("+ idx + ")").show(); 
});

來源

2012-08-09 01:23:55

我不能得到這個工作:(有無論如何，你可以做一個小提琴的例子？ @周世恩？ – Shannon 2012-08-09 01:40:57

這不起作用？我得到的JavaScript錯誤:( – Shannon 2012-08-09 01:51:39

首先，我不知道整個HTML你的情況。什麼我就給只是算法。 – 2012-08-09 03:32:41

-1

請，如果你要上傳的東西，請確保它是正確的。

您的語法和拼寫不正確，對於我的經驗的人來說，當事情出錯時很難解決問題，謝謝您的幫助，我仍然設法讓您的代碼在大約2小時後工作擺弄......

var elem = '#collList li';  
$(elem).hide(); 
$(elem + ":first").show(); 
var count = 0; 
$('#nextBtn').click(function() { 
    if (count == $(elem).size() - 1) { 
     count = 0; 
    } 
    else { 
     count++; 
    } 
    $(elem).hide(); 
    $(elem + ":eq(" + count + ")").show(); 
}); 
$('#prevBtn').click(function() { 
    if (count == 0) { 
     count = $(elem).size() - 1; 
    } 
    else { 
     count--; 
    } 
    $(elem).hide(); 
    $(elem + ":eq(" + count + ")").show(); 
});

來源

2012-08-09 02:59:11 Shannon

我們不是在這裏爲你做的工作，如果有人給你一個起點，你應該感激，如果你需要一點工作來讓它工作，你會更好。 – 2012-08-09 03:06:47

我不喜歡我知道爲什麼我要在這裏學習，如果一個人得到了錯誤的文檔，學習如何才能學會。 – Shannon 2012-08-09 06:18:27

學習某些東西的最好方法之一就是解決這個問題。學習需要很多時間我們願意幫忙，但我們不會爲你做所有的工作，我只是告訴你這個地方是如何工作的。 – 2012-08-09 12:17:03

動態菜單鏈接更換jQuery的

回答

相關問題