jQuery - 防止動畫重複未經驗證（simplecart js）

Question

我是jQuery的新手，所以如果答案是基本的道歉。

我想爲我自己的網站開發一個simplecart js書架。在可以將商品添加到購物車之前，必須選擇（產品的）尺寸。當添加到購物車時，該物品會飛入。之後，即使未選擇產品尺寸，產品仍會執行飛行動畫。

我想這樣做，只有當選擇大小選項時纔會出現動畫（最好只在單擊「添加到購物車」鏈接時）。

Here's what I have so far

隨着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); 
     }); 
    }); 

Answer 1

Check out this fiddle。你想沿着這條線

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