更改iframe重新加載的源頁面

我更改了我的Iframe的源，但重新加載頁面，我找不到原因。 HTML：更改iframe重新加載的源頁面

 <div id="fill"> 
      <iframe id="frame" style="width: 88.97vw; height: 90vh" src="html/question1.html"> 

      </iframe> 
     </div> 
      <form> 
       <input type="submit" value="question1" class="menuBut"> 
       <input type="submit" value="question2" class="menuBut"> 
       <input type="submit" value="question3" class="menuBut"> 
      </form>

我的頁面是一個測驗，我要當按下一個按鈕的iframe改變的問題。 JQuery的：

var url; 

function callMe() { 
    $(".menuBut").click(function() { 
     $("#frame").remove(); 
     url = this.value; 
     $("#fill").append('<iframe id="frame" width="200px" height="700px" src="html/' + url + '.html"></iframe>'); 
    }); 
} 

$(document).ready(function() { 
    callMe(); 
});

源應該被改變到在網頁「的HTML/questionX.html」，其中X依賴於按下的按鈕。但它不適應iframe，而是刷新頁面。請支持。

來源

2015-10-14 Marijn

如果你只是想要按鈕，你不需要使用表單，而且你當然不需要提交按鈕來觸發Javascript。只需使用常規按鈕，像這樣...

<div id="fill"> 
    <iframe id="frame" style="width: 88.97vw; height: 90vh" src="html/question1.html"></iframe> 
</div> 
<button type="button" value="question1" class="menuBut">question 1</button> 
<button type="button" value="question2" class="menuBut">question 2</button> 
<button type="button" value="question3" class="menuBut">question 3</button>

的提交按鈕是造成要提交的形式，基本上所有的職位表單數據頁面本身，造成了重裝。

來源

2015-10-14 11:09:10 Archer

-1

return false;在點擊事件處理程序結束時，停止傳播和提交按鈕的默認行爲。

來源

2015-10-14 11:04:01

在您的按鈕上使用type="button"而不是submit。否則，按鈕會提交導致頁面重新加載的表單。

來源

2015-10-14 11:04:35

更改iframe重新加載的源頁面

回答

相關問題