2013-12-21 8 views
0

asp.net 응용 프로그램에서 jquery steps 마법사를 사용하고 있습니다. 버튼을 클릭하면 단계를 변경하는 이벤트에 문제가 있습니다. file.jsJquery Steps -> button click-> go to step

var WizardFunc = function() { 
    var wizard = null; 
    return { 
     WizardSet: function() { 
      wizard = $('#order').steps({ 
       bodyTag: "fieldset", 
       transitionEffect: "slideLeft", 
       headerTag: "h1", 
       autoFocus: true 
      }); 
     }, 
     WizardStepAdd: function (index, title, contentId) { 
      wizard.steps("insert", index, { 
       title: title, 
       content: "<div id='" + contentId + "'></div>" 
      }); 
     }, 
     WizardGoToStep: function (index) { 
      wizard.steps("setStep", 1); 
     }, 
     WizardStepRemove: function (index) { 
      wizard.remove(index); 
     } 
    } 
}(); 

에서 Initailize 단계 I는 기능 통화 시도 :

$("#new-size-container").on("click", ".add-size", function() { 
WizardFunc.WizardGoToStep(1);} 

반환 오류 :

Not yet implemented! 

Q : 버튼을 클릭하면 단계 인덱스를 변경하는 방법 전화 기능?

+0

단계를 초기화 한 방법을 보여주십시오. – isherwood

+0

안녕하세요, 내 게시물을 편집하고 초기화하는 방법을 포함합니다. 단계 –

답변

4

이 플러그인이 현재 사용중인 기능을 지원하지 않는다고 생각합니다. 다음은이 오래된 해결되지 않은 게시물에 오는 사람을 위해 플러그인

/** 
* Sets a specific step object by index. 
* 
* @method setStep 
* @param index {Integer} An integer that belongs to the position of a step 
* @param step {Object} The step object to change 
**/ 
$.fn.steps.setStep = function (index, step) 
{ 
    throw new Error("Not yet implemented!"); 
}; 

/** 
* Skips an certain amount of steps. 
* 
* @method skip 
* @param count {Integer} The amount of steps that should be skipped 
* @return {Boolean} Indicates whether the action executed 
**/ 
$.fn.steps.skip = function (count) 
{ 
    throw new Error("Not yet implemented!"); 
}; 
+0

안녕하세요, 나는 setStep 함수를 보았지만 예제가 어떻게 setStep을 사용합니까? –

+0

필자가 대답했듯이 setStep 함수는 플러그인에서 지원하지 않습니다. – Dilish

+0

@JakubKlekota 당신이나 다른 사람이이 문제에 관해서 똑같은 문제가 있는지 나는 모르지만''steps ("previous") x로 전화를 걸었다. 숫자에 따라 처음으로 돌아갈 시간 내 마법사의 단계 중. 어리석은 나는 알고있다, 그러나 그것은 작동했다. 'setStep'을 구현하는 것은 비교적 간단해야합니다. – JMac

2

의 코드는 여기에서 설명한대로이 플러그인은 (다음 또는 이전) 단계로 동적으로 탐색 할 수 있음을 유의하시기 바랍니다 : http://www.rafaelstaib.com/category/jQuery-Steps

$ (this) .steps ("previous");

또는

$ (이) .steps ("다음");

+1

건배, 나는 어떤 인덱스가 있었고 어떤 인덱스로 이동했는지에 따라 루프에서'previous'를 호출하여 동일한 문제를 해결했습니다. – JMac