jquery - 触发 javascript 的链接的最佳做法是什么

Question

假设我有一个触发某些 javascript 的标签。例如:

HTML:

<a href="#" id="some_id">Trigger action!</a>
<!-- or, with appripriate CSS : -->
<span id="some_other_id">Trigger action!</span>

jQuery:

$("#some_id").click(function() {
   alert("some action") 
});

我如何最好地实现这一点？

我的问题是，当我将鼠标悬停在链接上时，我应该在浏览器的左下方看到什么？即，href 值应该是多少？

如果响应为“无”，则正确的方法是使用跨度。

几个方法的例子:http://jsfiddle.net/M3qkU/5/

Answer 1

这取决于你做的是网页还是网络应用。

如果您正在制作网页，请尝试让链接为没有启用 JavaScript 的人做一些有用的事情。这样一来，JavaScript 就增强了页面，而不是页面正常工作所必需的。这叫做 progressive enhancement .例如:假设您有一个页面并且希望它有选项卡。将选项卡按顺序放入元素中，并为每个选项卡的元素指定一个 id 值。将您带到这些选项卡的导航链接将在其片段中具有该 id 值(例如，#movies 将您带到 movies 元素 -浏览器会为你做这件事)。然后，当您的 JavaScript 加载时，让它将这些元素转换为选项卡并接管这些链接的操作。

如果你正在做一个网络应用程序，并且链接触发了 UI 中的“页面更改”或“选项卡更改”之类的更改，请将其保留为链接并将 href 设置为描述应用程序切换到的“页面”或“选项卡”的片段(例如，#movies)。您甚至可以在处理链接时使用该信息，并且您可以在最初加载页面时使用它，以便您的各种页面状态变得可链接。如果“链接”不会导致应用程序中的位置样式发生变化，则大多数情况下会将其设置为按钮(您可以将 button 元素的样式设置到非常重要的程度，尽管我不会不要让它们看起来像链接)。