0

私はjQueryが初めてなので、答えが基本的なものであれば申し訳ありません。

自分のサイト用に simplecart js シェルフを開発しようとしています。商品をカートに追加する前に、(商品の) サイズを選択する必要があります。カートに入れると商品が飛んでいきます。その後、商品サイズを選択しなくても商品が飛んでいきます。

サイズオプションが選択された場合にのみアニメーションが発生するようにしたいと思います（そして、できれば「カートに追加」リンクがクリックされた場合にのみ）。

これが私がこれまでに持っているものです

jQuery の場合:

// Items flys to cart
    $(".tooltip .item_add").click(function(){
        $(".simpleCart_shelfItem").click(function(){
            var clone = $(this).clone(),
            position = $(this).position(),
            bezier_params = {
            start: {
              x: position.left,
              y: 0, 
              angle: -90
            },  
            end: { 
              x:470,
              y:-100, 
              angle: 180,
              length: .2
            }
          };

        clone.appendTo('.shelf');
        clone.find('.tooltip').hide();
        clone.addClass('addDemoAnimation');
        clone.animate({path : new $.path.bezier(bezier_params)}, 600);
        });
    });
4

1 に答える 1

1

このフィドルをチェックしてください。あなたはこの線に沿って何かを望んでいますか

$(".tooltip .item_add").click(function() {
        var tooltip = $('.item_add').closest('.tooltip');
        if($('select',tooltip ).val()!='Select Size'){
            var clone = $('.simpleCart_shelfItem').clone(),
                position = $(this).position(),
                bezier_params = {
                    start: {
                        x: position.left,
                        y: 0,
                        angle: -90
                    },
                    end: {
                        x: 470,
                        y: -100,
                        angle: 180,
                        length: .2
                    }
                };

            clone.appendTo('.shelf');
            clone.find('.tooltip').hide();
            clone.addClass('addDemoAnimation');
            clone.animate({
                path: new $.path.bezier(bezier_params)
            }, 600);
        }
    });
于 2012-07-20T23:24:38.680 に答える