0

我有一个图像,我希望它像一个按钮一样在其上执行 java 脚本 onclick,一切正常,除非我单击图像时它返回到页面顶部,我希望它保留页面当我单击链接图像时,在我滚动的同一位置(例如页面中间)。这是我的代码

<a id="dell" href="#"><img src="images/logo80.png" width="80" height="80" alt="Dell" /></a>
4

4 回答 4

5

您必须阻止 a 标签的默认操作,否则它将使用 href。

在您的事件处理程序中尝试此操作。

$(document).ready(function() {
    $("#dell").click(function(e) {
        e.preventDefault();
        $("#boarder").toggle(500);
    });
});

另一个想法是,如果您不使用 a 标签导航到某个地方,您实际上不需要它。

于 2013-06-17T21:36:49.863 回答
0

你不需要用一个

<a> 

标签,这就是将您带到文档顶部的内容(href="#")。

如果要将光标设置为手形图标,请通过 css 进行:

img { cursor: hand; cursor: pointer; }
于 2013-06-17T21:36:49.380 回答
0

这是一个使用内联 javascript 的示例。

<a id="dell" href="#" onclick="alert('hello world!'); return false;"><img src="http://static.adzerk.net/Advertisers/37332fa8c2654aef804e417e3788e977.png" width="80" height="80" alt="Dell" /></a>
于 2013-06-17T21:42:51.347 回答
-3

那么问题只是关于你的标签。您设置了一个 href='#' 表示“重新加载”,这就是浏览器将您带到页面的原因。

为了在单击时设置 javascript 事件,请尝试以下操作:

否则还有其他方法,例如属性 onclick='nameOfYourFunction()' 或 jQuery 事件。

于 2013-06-17T21:37:37.730 回答