0

你能帮我解决这个问题吗？我正在尝试使用此页面幻灯片方法

http://jsfiddle.net/XNnHC/942/

$(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-button

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

禁用按钮的边距，但最终让幻灯片页面一直向右滑动。有什么方法可以让幻灯片页面在没有按钮边距的情况下工作？

另一个问题是我在幻灯片页面中输入了另一个按钮来关闭操作，但它根本不起作用，我什至不明白为什么。希望有人可以帮助使这个关闭按钮工作。

只是您的信息，我想在 css 中使用宽度和高度，因为我更容易让幻灯片页面响应，而且我也想将此方法应用于其他方向。

太感谢了！

4

1 回答 1

0

试试这个

在职的 演示1

这与关闭和打开滑块的按钮相同

$(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
            });

        }


    });
});

试试这个

在职的 演示2

这是用于打开和关闭的单独按钮

$(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-01T18:11:48.997 回答