问题页面幻灯片

你能帮我弄明白吗？我试图使用此页幻灯片的方法从此问题页面幻灯片

$(document).ready(function() 
{ 
    var slider_width = $('.pollSlider').width();//get width automaticly 
    $('#pollSlider-button').click(function() { 
    if($(this).css("margin-right") == slider_width+"px" && !$(this).is(':animated')) 
    { 
     $('.pollSlider,#pollSlider-button').animate({"margin-right": '-='+slider_width}); 
    } 
    else 
    { 
    if(!$(this).is(':animated'))//perevent double click to double margin 
     { 
      $('.pollSlider,#pollSlider-button').animate({"margin-right": '+='+slider_width}); 
     } 
    } 


    }); 
});

，这就是我一直在试图

http://jsfiddle.net/ejkim2000/f7DVK/

，但我有一些问题。

第一个问题我已经是触发按钮地方获得保证金打完地方句子被推动。我在此代码删除＃pollSlider按钮

$（ 'pollSlider，＃pollSlider按钮。'）动画（{ “余量右”： ' - =' + slider_width}）。 }

禁用按钮的边距，但最终让幻灯片页面保持向右滑动。有没有什么方法可以使幻灯片页面无需在按钮上留有余量？

另一个问题是我输入幻灯片页面中的另一个按钮关闭的行动，但它根本不工作，我甚至不明白为什么。希望有人能帮助使这个关闭按钮有效。

只是你的信息，我想使用宽度和高度与CSS，因为它会更容易让我的幻灯片页面响应，我也想这个方法也适用于其他方向。

非常感谢！

来源

2013-09-01 Kim

http://jsfiddle.net/ejkim2000/D2xVn/这是页面向右滑动的示例当我在此代码中删除＃pollSlider-button $（'。pollSlider，＃pollSlider-button'）。animate（{“margin-right”：' - ='+ slider_width} ）; } – Kim

你不能有多个元素相同的id“pollSlider-button”是span元素的id，你正在创建另一个具有相同id的span元素，它是无效的。 – SarathSprakash

试试这个

工作DEMO1

这是同一个按钮来关闭和打开滑盖

$(document).ready(function() { 
    var slider_width = $('.pollSlider').width(); //get width automaticly 
    $('#pollSlider-button').click(function() { 
     if ($('.pollSlider').css("margin-right") == 0 + "px") { 
      $('.pollSlider').animate({ 
       "margin-right": '-=' + slider_width 
      }); 
     } else { 

      $('.pollSlider').animate({ 
       "margin-right": '+=' + slider_width 
      }); 

     } 


    }); 
});

试试这个

工作DEMO2

这是与开闭

$(document).ready(function() { 
    var slider_width = $('.pollSlider').width(); 
    $('#pollSlider-button').click(function() { //open button 
     if ($('.pollSlider').css("margin-right") == "-" + slider_width + "px") { 
      $('.pollSlider').animate({ 
       "margin-right": '+=' + slider_width 
      }); 
     } 
    }); 
$('#pollSlider-button2').click(function() { //close button with different id 
     if ($('.pollSlider').css("margin-right") == 0 + "px") { 
      $('.pollSlider').animate({ 
       "margin-right": '-=' + slider_width 
      }); 
     } 
    }); 

});

希望这有助于单独的按钮，谢谢

来源

2013-09-01 18:11:48 SarathSprakash

哇，这太棒了。非常感谢你！ – Kim

不用客气 – SarathSprakash

问题页面幻灯片

回答

相关问题