連續jquery旋轉傳輸？

我有兩個按鈕位於窗體的兩邊（前面的「下一個」，後面的「提交」）。這些按鈕正確執行旋轉（180deg），但是，它們僅適用於每次單擊一次。換句話說，onClick命令只能每次點擊一次。有沒有什麼方法可以讓我重新設置我的轉換順序，無限重複點擊旋轉？連續jquery旋轉傳輸？

<script type="text/javascript"> 
 
    $(document).ready(function() { 
 
    $("input[name='next']").on("click", function() { 
 
     // console.log("The NEXT Button Worked!"); 
 
     $(".form").css("transform", "rotateY(180deg)"); 
 
    }) 
 
    $("input[name='back']").on("click", function() { 
 
     // console.log("The BACK Button Worked!"); 
 
     $(".formFlipAgain").css("transform", "rotateY(180deg)"); 
 
    }) 
 
    }); 
 

 

 

 
    function showBack() { 
 
    setTimeout(function() { 
 
     document.getElementById("backSide").style.display = "block"; 
 
    }, 600); 
 
    setTimeout(function() { 
 
     document.getElementById("frontSide").style.display = "none"; 
 
    }, 600); 
 
    }; 
 

 
    function showFront() { 
 
    setTimeout(function() { 
 
     document.getElementById("frontSide").style.display = "block"; 
 
    }, 600); 
 
    setTimeout(function() { 
 
     document.getElementById("backSide").style.display = "none"; 
 
    }, 600); 
 
    };

來源

2016-07-26 K Ghumaan

介紹兩個標誌。

var flag1=0; 
var flag2=0 
$(document).ready(function() { 
    $("input[name='next']").on("click", function() { 
    // console.log("The NEXT Button Worked!"); 
    $(".form").css("transform", "rotateY("+flag1?0:180+"deg)"); 
    flag1=!flag1; 
    }) 
    $("input[name='back']").on("click", function() { 
    // console.log("The BACK Button Worked!"); 
    $(".formFlipAgain").css("transform", "rotateY("+flag2?0:180+"deg)"); 
    flag2=!flag2; 
    }) 
});

來源

2016-07-26 17:44:38 nicael

謝謝尼卡爾，但問題仍然存在。該按鈕已經工作了無限的時間，但「垂直翻轉旋轉」只能在每次點擊中使用一次（原始代碼是......進入標誌禁用了這些）。不知道我能做些什麼來繼續重複轉變。 –

@Khuhuan對不起，我有一個錯字！見編輯的答案。 – nicael

@Khuhuan你仍然有使用我的代碼的問題？ – nicael

連續jquery旋轉傳輸？

回答

相關問題