jquery css設置按鈕點擊的可見性

我想設置指標在不同邊界上的可見性。我有一個滑塊有兩個按鈕n prev。我試圖顯示在點擊下一步按鈕活動幻燈片數我對這樣jquery css設置按鈕點擊的可見性

$("#BtnNext").click(function (event) { 
      { 
       if ($('#MainContainer').css("marginLeft") == "0px") { 
        $('#FirstPage').css("visibility", "hidden"); 
        $('#SecondPage').css("visibility", "visible"); 
        $('#ThirdPage').css("visibility", "Hidden"); 
        $('#FourthPage').css("visibility", "Hidden"); 
       } 
       if ($('#MainContainer').css("marginLeft") == "-1425px") { 
        $('#FirstPage').css("visibility", "Hidden"); 
        $('#SecondPage').css("visibility", "Hidden"); 
        $('#ThirdPage').css("visibility", "visible"); 
        $('#FourthPage').css("visibility", "Hidden"); 
       } 
       if ($('#MainContainer').css("marginLeft") == "-2850px") { 
        $('#FirstPage').css("visibility", "Hidden"); 
        $('#SecondPage').css("visibility", "Hidden"); 
        $('#ThirdPage').css("visibility", "Hidden"); 
        $('#FourthPage').css("visibility", "visible"); 
       } 
       if ($('#MainContainer').css("marginLeft") == "-4275px") { 
        $('#FirstPage').css("visibility", "visible"); 
        $('#SecondPage').css("visibility", "Hidden"); 
        $('#ThirdPage').css("visibility", "Hidden"); 
        $('#FourthPage').css("visibility", "Hidden"); 
       } 
      } 
     });

這樣做，但問題是，它去後1輪的sucessfull完成時，在第一張幻燈片再然後第一個指標是不能進入可見模式。請幫我

來源

2012-12-01 user1830210

請提供HTML。我有一種感覺，這可以使用更少的JavaScript。 – zeMinimalist

完整一輪後，哪些頁面可見？ –

你應該看看[bxSlider]（http://bxslider.com），看看是否有幫助。 – zeMinimalist

這應該工作，因爲它設置默認：

$('#BtnNext').click(function (event) { 
    var marginLeft = $('#MainContainer').css('marginLeft'), 
     pages = $('#FirstPage, #SecondPage, #ThirdPage, #FourthPage'), 
     page = ''; 
    switch case (marginLeft) { 
    case '0px': 
     page = '#SecondPage'; 
     break; 
    case '-1425px': 
     page = '#ThirdPage'; 
     break; 
    case '-2850px': 
     page = '#FourthPage'; 
     break; 
    default: 
     page = '#FirstPage'; 
    } 
    pages.css('visibility', 'hidden').filter(page).css('visibility', 'visible'); 
});

如果它不能正常工作，請建立一個jsFiddle並鏈接到它在你的問題。

來源

2012-12-01 21:23:07 pete

jquery css設置按鈕點擊的可見性

回答

相關問題