问题标签 [unobtrusive-javascript]

我正在将 JavaScript 代码从我的 HTML 中分离出来。我目前的代码如下所示：

我想将 onclick 交换为仅包含我传递给方法的参数的属性。

我正在使用 jQuery 和以下类型的代码：

我可以为“attribute_name”使用什么属性来安全地传达这个参数值？我知道我可以使用 id，但我已经在 DOM 的不同位置定义了一个具有相同 id 的元素。

有什么建议么？

我想创建一个这样的链接：

并替换行为，以便链接在单击时使用 Ajax 下载内容。

对我来说重要的是不要替换 href 属性（因此复制链接仍然有效）。

一种解决方案是：

但我想使用 .observe 方法。但这不起作用：

（这很合乎逻辑）。

关于如何实现这一目标的任何想法？

谢谢。

我习惯做这样的事情：

那将在中继器或类似的东西中。但是我现在尝试使用不显眼的 JavaScript，从而摆脱标记中的任何 JS。我试图弄清楚在这种情况下最好的做法是什么？我使用了属性，然后使用 JQuery 将值传递给 AJAX 调用，但这似乎有点 hack。

根据第一个回复进行编辑：

我想更多的是

将功能（“行为层”）与网页的结构/内容和表示分离。

据我了解，它是不显眼的 JS 的一部分。

这恰好适用于我不必担心 Javascript 在客户端被关闭的应用程序，它在我的公司内部托管。我得到的是，如果我要通过 JQuery 将 onclick 事件附加到单独的 .js 文件中，我将如何将 Eval("ID") 中的值获取到 JS 调用中。

抱歉没有更清楚。我很欣赏在面向公众的应用程序中需要逐步增强。

你知道我最喜欢突兀的 JavaScript 吗？当你触发一个事件时，你总是知道它会做什么。

既然每个人都在喝不显眼的kool-aid，那就不那么明显了。对绑定事件的调用可以发生在页面中包含的任意数量的 javascript 文件的任意行上。如果您是唯一的开发人员，或者如果您的团队对绑定事件处理程序有某种约定，例如始终使用某种格式的 CSS 类，这可能不是问题。但是，在现实世界中，很难理解您的代码。

像 Firebug 这样的 DOM 浏览器似乎可以提供帮助，但是浏览一个元素的所有事件处理程序属性以找到一个执行您正在寻找的代码的属性仍然很耗时。即使这样，它通常也只是告诉你它是一个没有行号的匿名函数（）。

我发现的用于发现触发事件时执行哪些 JS 代码的技术是使用 Safari 的 Profiling 工具，它可以告诉您在特定时间段内执行了哪些 JS，但有时可能需要大量 JS .

当我单击一个元素时，必须有一种更快的方法来找出发生了什么。有人可以启发我吗？

有没有人在没有 jQuery 组件的情况下使用 jQueryUI（例如 CSS 框架部分）？如果您要为没有 javascript 或已禁用 javascript 等的用户提供服务

一个特殊的场景是对话框非常出色和简单......虽然没有javascript，但它只是一个div......一个潜在的解决方案是让对话框div带有一个绝对定位并高于其他元素的类，然后当 jQueryUI 设置对话框时删除该类...这样如果 javascript 无法运行对话框仍然有该类？

或者您是否会使用 css 框架手动创建对话框...