jquery - 有没有比使用 element 更好的方法来制作可点击的东西

Question

我通常只是使用 # 将事件附加到没有 url 的可点击元素，但我在考虑它，觉得它有点 hacky。有一个更好的方法吗？

<a href="#"><img src="images/click_here.gif"/></a> 

$('a').click(function(event){
    alert('you clicked on the click button')
});

Answer 1

我最喜欢的技巧是将点击处理程序附加到任何旧元素，然后使用 CSS 在其上设置 cursor: pointer 使其看起来可点击。如果您添加 :hover 和 :active 状态以真正提示用户关闭，则可获得加分。

示例 HTML:

<img src="images/click_here.gif" id="click-here-button" />

JS:

$("#click-here-button").click(function () {
    alert("You clicked on the click button.");
});

CSS:

#click-here-button
{
    cursor: pointer;
}