按下按钮可重置页面

Question

我知道这是非常简单的事情，但我无法想象在按下按钮时页面不会跳到顶部。当按下按钮时，我正在使用一些jquery来使图片淡入淡出，但它会使页面跳到顶部！

我也在使用twitter bootstrap

请在这里查看来源，看看你是否能找到错误我真的很感激！

编辑：忘记来源!!!

http://schechterbusiness.info/

Answer 1

• 显然click me!按钮不起作用，因为没有任何事件可以将你带到最前面
• 将id="fryLink"，id="benderLink"属性分配给按钮，而不是div

修改

我现在看到按钮正在工作，但是页面跳到顶部所以你需要做的就是替换：

...').click(function() {

为：

...').click(function(e) {
   e.preventDefault();

为img添加容器，如：

<div id="container">
   <img id="img" src="" />
</div>
<style> #container { height: 300px; } </style>

Answer 2

我有一个类似的问题，发现它通过更改按钮类型消失了： 在Chrome中，至少type =“submit”似乎会在按下时重置整个页面，而type =“button”则不会。