2017-05-26 3 views
0

私のコードに何が問題なのか分かりませんか? jQueryの2つの関数をクリックして切り替える必要があります。ありがとうございますjqueryで2つの関数を切り替えるには?

$(".col-md-3").toggle(
     function() 
      $(this).animate({ 
      left: "-5px", 
      top:"-5px" 
      }, 100);, 
     function() 
      $(this).animate({ 
      left: "5px", 
    top:"5px" 
    }, 100); 
); 
+0

divに追加されたクラスを1つだけ持ち、そのクラスをオンとオフに切り替えたり、そのクラスにCSSトランジションを付けたりすることができます。そのアニメーションはトグルで提供されます。 – gavgrif

+0

あなたの関数に '{'と '}'が含まれていません – User6667769

答えて

0

あなたのコードは間違ってフォーマットされています。開閉括弧などはありません。

このコードを試すことができますか?それはあなたが考えていたものだならば、それは、1行でif文であるよう

$(".col-md-3").toggle(
    function() { 
     $(this).animate({ 
      left: "-5px", 
      top: "-5px" 
     }, 100); 
    }, 
    function() { 
     $(this).animate({ 
      left: "5px", 
      top: "5px" 
     }, 100); 
    } 
); 
0

あなたの関数本体は{}にする必要があり、それはオプションではありません。私はこれは私がしたい正確に何ではありません実現試してみたらそれは愚かな間違い... だ:)指摘して

$(".col-md-3").toggle(
    function(){ 
    $(this).animate({ left: "-5px", top:"-5px" }, 100); 
    }, 
    function(){ 
    $(this).animate({ left: "5px", top:"5px" }, 100); 
    } 
); 
0

感謝。最初はオブジェクトを「クリック」した後にアニメーション化し、もう一度「クリック」すると元の状態に戻るようにします。

Iで始まる場合:。(boxMove、 'クリック ')に

$('。COL-MD-3');

機能boxMove(){

$(this).animate({ 
    left: "-5px", 
    top:"-5px" 
}, 100); 

}。

片方だけがアニメーション表示されます。どのようにすれば、(this)が既にアニメーション化されていれば、元の(アニメーション化されていない)状態に戻るために "5px"と "5px"を左に移動する必要がありますか?

ありがとうございました!

関連する問題