更改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重新加载的源页面

回答

相关问题