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设置按钮点击的可见性

回答

相关问题