0

最初のjquery関数を作成しています。ビューウィンドウの上に一連のボタンがあります。ビューウィンドウはdivで初期化され、ボタンの1つが押されると、対応するdivがビューウィンドウにスライドします。

Firefoxではほぼ問題なく動作しますが(他のブラウザでは動作しません)、最終的にはdivがビューウィンドウにスライドしません。この問題は、cssの左の値が範囲外になっていることに関係していると思いますが、修正方法がわかりません。

js

$(function() {
var prevButton = 3;
$("#par3").show();

$(".window_control").click(function() {
    var cur = this.id;

    if(cur != prevButton){

        var activeItem = $("#par"+prevButton);
        var nextItem = $('#par'+cur);

        var slider = $(".slider");
        var finalWidth = slider.width()*2;
        var animationTime = 2000;

        var cssDir = (prevButton > cur) ? "right" : "left";
        var animation = (prevButton > cur) ? { left: '+=' + finalWidth } : { left: '-=' + finalWidth };

        prevButton = cur;

        activeItem
            .animate(animation, animationTime);

        nextItem
            .show()
            .css(cssDir, finalWidth)
            .animate(animation, animationTime);
    }
    return false;
  });
}); 
4

1 に答える 1

0

ネイティブを使用していない理由:

 $('div').show("slide", { direction: "left" }, 1000);
于 2013-02-13T01:00:01.883 に答える