本人的项目中用到一个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>

解决方案 »

  1.   

    这个问题我还真遇到过,你可以将:
    <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; 中断了执行,所以页面就不会跳到最上部了。
      

  2.   

    真没想到,刚刚问完就有人回答了,谢谢space08。