本人的项目中用到一个easyui dialog,但是每当对话框关闭时,浏览器自动将页面滚到到最顶端,请问应该如何解决啊?dialog代码如下:
<div id="answerUpload" icon="icon-save"
style="padding: 3px; width: 500px; height: 200px;">
<h5 id="answerUpload_message" style="color: red;"></h5>
<div class="ToolTip_Form" style="width: 400px" id="table_answer" onkeydown="if(event.keyCode==13){answerInfoSubmit();}">
<ul>
<li>
<input type="hidden" id="qno" ></input>
<input type="hidden" id="tm"/>
</li>
<li>
<label>答案:</label>
<input type="file" id="file" name="file" maxlength="20" ></input>
</li>
<li>
<label>附件:</label>
<input type="file" id="file" name="file" maxlength="20" ></input>
</li>
<li>
<a href="#" class="easyui-linkbutton" icon="icon-ok" onclick="answerInfoSubmit()">提交</a>
<a href="#" class="easyui-linkbutton" icon="icon-cancel" onclick="closeAnswerDialog()">关闭</a>
</li>
</ul>
</div>
</div>
<div id="answerUpload" icon="icon-save"
style="padding: 3px; width: 500px; height: 200px;">
<h5 id="answerUpload_message" style="color: red;"></h5>
<div class="ToolTip_Form" style="width: 400px" id="table_answer" onkeydown="if(event.keyCode==13){answerInfoSubmit();}">
<ul>
<li>
<input type="hidden" id="qno" ></input>
<input type="hidden" id="tm"/>
</li>
<li>
<label>答案:</label>
<input type="file" id="file" name="file" maxlength="20" ></input>
</li>
<li>
<label>附件:</label>
<input type="file" id="file" name="file" maxlength="20" ></input>
</li>
<li>
<a href="#" class="easyui-linkbutton" icon="icon-ok" onclick="answerInfoSubmit()">提交</a>
<a href="#" class="easyui-linkbutton" icon="icon-cancel" onclick="closeAnswerDialog()">关闭</a>
</li>
</ul>
</div>
</div>
<a href="#" class="easyui-linkbutton" icon="icon-ok" onclick="answerInfoSubmit()">提交</a>
<a href="#" class="easyui-linkbutton" icon="icon-cancel" onclick="closeAnswerDialog()">关闭</a>
修改成如下形式:
<a href="#" class="easyui-linkbutton" icon="icon-ok" onclick="javascript:answerInfoSubmit();return false;">提交</a>
<a href="#" class="easyui-linkbutton" icon="icon-cancel" onclick="javascript:closeAnswerDialog();return false;">关闭</a>
由于点接链接后,先触发 onclick,再执行 href 属性对应的值,在 onclick 中加上 return false; 中断了执行,所以页面就不会跳到最上部了。