2016-09-17 84 views
0

夥計們。我是新手前端開發人員。Jquery多步驟雙擊

我在使用jquery多步驟時遇到問題。

我必須雙擊提交按鈕才能繼續下一步。

任何人都可以請幫我做一下嗎?

感謝您的幫助。

if (stepIndex === 0 || stepIndex === 1 || stepIndex === 2 || stepIndex === 2) { 
    step1($step, $pag); 
} else { 
    step3($step, $pag); 
} 

這裏的​​

回答

1

一個簡單的答案是用下面的更換$('.button.not-finished').click(function(){})

$('.button.not-finished').click(function() { 
    $(this).addClass('finished'); 
    var $btn = $(this), 
     $step = $btn.parents('.modal-body'), 
     stepIndex = $step.index(), 
     $pag = $('span').eq(stepIndex); 

    if (stepIndex === 0 || stepIndex === 1 || stepIndex === 2 || stepIndex === 2) { 
     step1($step, $pag); 
    } else { 
     step3($step, $pag); 
    } 

}); 

stepanim()現在是沒有意義的,除非它用於其他地方,你可以將其刪除。

更新1:我注意到,你說你是新來的這一些,所以我就給了一下澄清,並希望您能夠這個自己下一次解決。首先要注意的是,在某處,代碼被觸發來執行你想要的東西。我們將該代碼命名爲toBeMoved,只是爲了便於解釋。唯一的問題是它發生在錯誤的時間(錯誤的地方在代碼中)。因此,找到您想要的時候觸發的代碼,或者自己創建代碼。在這裏,$('.button.not-finished').click(function(){})確實存在,這是點擊按鈕時觸發的。然後將移動到,並將其放在onclick函數中。最後一步是刪除現在不相關的任何內容。