2014-01-14 45 views
0

所以,我在代碼中有一個按鈕,當點擊時調用一個名爲goBack的函數,另一個按鈕在點擊時調用一個名爲goNext的函數。?? ReferenceError:goNext沒有定義?

但控制檯總是說:ReferenceError:goNext沒有定義。

下面是代碼:

<!--JavaScript--> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript"> 
var iframeState = 1; 
function goBack() { 
    if (iframeState >= 2 || iframeState <= 5) { 
     iframeState = iframeState - 1; 
    } else { 
     iframeState = 1; 
    } 
    iframeSelector(); 
} 
function goNext() { 
    if (iframeState >= 1 || iframeState <= 4) { 
     iframeState = iframeState + 1; 
    } else { 
     iframeState = 1; 
    } 
    iframeSelector(); 
} 
function iframeSelector() { 
    switch (iframeState) { 
     case 1: 
      iframeOne(); 
      break; 
     case 2: 
      iframeTwo(); 
      break; 
     case 3: 
      iframeThree(); 
      break; 
     case 4: 
      iframeFour(); 
      break; 
     case 5: 
      iframeFive(); 
      break; 
     default: 
      iframeState = 1; 
      iframeOne(); 
    } 
} 
</script> 


<!--HTML--> 
<div id="buttons" align="center"> 
<button id="back" type="button" onclick="goBack()">Back</button> 

<button id="next" type="button" onclick="goNext()">Next</button> 
</div> 
+0

你是否像jsFiddle一樣在網站上測試此功能?當我把它全部放到一個HTML文件中時,調用'goBack'和'goNext'工作,當調用'iframeOne'或'iframeTwo'(預期的函數不存在)時出錯,這取決於哪個按鈕被點擊。 – Mathachew

+0

你的代碼的工作原理是,除非你像jsfiddle一樣嘗試@mathachew mentioend – Kiran

+1

在我的網站,出於某種原因,按鈕的onclick =「」事件不工作,不知道爲什麼,但現在我知道jquery的等價物,感謝Sandeep,它非常適合我:) – NepsName

回答

0

綁定click事件是這樣的:

$(document).on('click','#back',function() { 

    // goBack() method here... 
    if (iframeState >= 2 || iframeState <= 5) { 
    iframeState = iframeState - 1; 
    } else { 
    iframeState = 1; 
    } 
    iframeSelector(); 
}); 

類似的其他功能。

+1

這將如何解決他的問題? – j08691

+1

OMG,工作,你是驚人的,謝謝你一分鐘 – NepsName

+0

它的工作原理,我不知道如何,但我猜問題是在按鈕onclick =「」 – NepsName