问题标签 [unobtrusive-javascript]

我想使用跨度标签创建样式按钮，其行为或多或少类似于<button>标签。快速单击按钮不应选择其元素内部或外部的任何文本，或者根本无法选择文本，并且还应具有指针光标。

为 jQuery 中的事件分配一个普通<span>标签可以.click()正常工作，但不能像一个正确的按钮。我不知道如何做到这一点，除了使用<a>标签，使用属性#或javascript:链接。href但这几乎违背了不显眼的 JavaScript 的目的。另外，锚链接已经有下划线的文本和需要覆盖的颜色。

总而言之，我怎样才能完成一个不显眼的跨度按钮？不依赖锚点或实际的按钮输入标签。谢谢。

我在 div 标签中有一段简单的文本，如下所示：

然后我有这个javascript

这一切都很棒。但是我有两个问题（首先是我的主要问题）：

1. 我如何得到它，而不是用“这里的东西”更新 div，而是用表单元素更新它，即表单标签、标签、文本框和“提交”更改的按钮。这个想法是用户将能够在页面上就地编辑此字段。

2. 我应该在哪里实际放置我的 JS。我目前在 application.js 中拥有它并使用 window.onLoad 运行该函数......这是唯一的方法吗？我假设是这样，否则它会抱怨它找不到元素！

谢谢大家！

很抱歉标题很长，但我关心的是构建一个基于 ajax 的应用程序。

我有这个应用程序的一个版本，它不需要 javascript 来运行，我想迁移它以将 ajax 用于来自 3rd 方肥皂网络服务的各种资源。

如何构建一个 ajax 应用程序，当浏览器没有 javascript 或禁用它时仍能正常运行？（服务器端代码已经过测试并投入生产，所以我确实有一个坚实的基础可以依靠，只是不确定如何以优雅的方式做到这一点。）

我熟悉所有工具（客户端和服务器端）并计划使用 jquery 框架，但不确定 javascript 没有在浏览器上运行的部分以及我的应用程序如何仍然可以运行。

我想从没有 Javascript 的页面开始，然后添加 Javascript 的奇思妙想，最后添加一些 Ajax。

这一切似乎使东西保持清洁，我对我的第一次实验感到非常满意。然后我遇到了以下问题，我没有看到一个好的解决方案。对于这 2 个示例页面：

我想要的功能

使用 Ajax 动态加载/products/页面上产品的一些详细信息，例如当鼠标悬停在缩略图上时。/details/<id>/更准确地说，获取并显示页面上的简化版本/products/。

不显眼的实现

href悬停照片时，对相应锚点的属性发出 Ajax 请求。服务器可以响应整个/details/<id>/页面，而 JQuery 选择器可以只剪切有趣的部分。或者，服务器可以看到请求是特殊的并且只返回有趣的部分。到目前为止一切顺利，简单干净。

问题

该/details/<id>/页面不仅仅是 HTML。它也有自己的 Javascript 让它看起来很漂亮，因此我想在/products/页面中重用该 Javascript。因此，我/products/不仅要从中获取 HTML，/details/<id>/还要复制完整/details/<id>/页面上存在的 Javascript 行为。

我能想到的唯一（坏）解决方案

编写显式代码来复制浏览器在加载页面时所做的事情： fetch /details/<id>/，查找所有<script>标签，获取该 Javascript，触发加载处理程序。这是很多样板的东西，似乎很难做到正确。我显然不想写它，因为结果很简单。

我也觉得如果你真的坚持不显眼的 Ajax 并且必须有一个更优雅的解决方案，那么这是经常出现的问题。

我目前正在为一个大学项目制作一个待办事项列表，我想采用一些 AJAX，但我也想让它以两种方式工作（纯 PHP 和 AJAX，如果 JavaScript 可用）。

在我的 PHP 方法中，我使用了一些嵌入的 HTML 代码（如<td>$value</td>）。在 AJAX 上，我想我会从 PHP 文件中去除 HTML，去掉打印结果部分，然后将其添加到 JavaScript（使用 jQuery）代码中，但这会使纯PHP 方法无法使用。

在我看到的 AJAX 示例中，处理数据的 PHP 文件不能再单独工作，如果没有 AJAX 端，也不会产生任何人性化的结果。所以我的问题是：你知道一个 AJAX 和 PHP 方法一起工作的例子吗，或者你能提供一个吗？

我希望我说清楚了，因为我不是以英语为母语的人。如果您需要澄清，请告诉我。

我是 javascript 和 ajax 的初学者。我想使用 ajax 来填充我的标签，这些标签是特定目录的内容。

ajax 中是否有这样的 opendir() fxn 就像在 php 中一样？我从哪里开始？

在过去的几个月里，我阅读了多篇关于 ASP.NET MVC 中这种新的不显眼的 JavaScript 方法的文章。你可以在这里读到它。

它基本上将所有内容都放入前缀为 的 HTML 属性中data-...，上次我检查时，HTML 规范不允许这样的事情。（我不关心 HTML 5，因为它还不完整。）

我的问题是：
如果我在我的 ASP.NET MVC 应用程序中使用此功能，它会使应用程序的 HTML 输出无效，不是吗？如果是这样，那它有什么好处呢？

MVC 在这里和那里放了一些 JavaScript 的东西从来没有真正困扰过我。但是，如果我的 HTML 输出无效，那会很困扰我。

我有一个在 HTA（MSFT HTML 应用程序）中运行的应用程序，它在整个帧中一遍又一遍地使用相同的脚本文件；由于这在某些地方达到了 9，并且由于应用程序在各种服务器中设置，缓存设置为立即过期，所以我试图在这个泥球中开辟出某种性能。

是否有一种“好”的方法可以在顶部框架中加载主脚本文件，然后在框架中执行它，即

- - 顶部窗户 - -

--- SUB 帧 ----

以及这将如何受到窗口范围的影响（它会保持顶部窗口范围还是在框架窗口的范围内）

我有一个数组tempArray = ["Kathmandu","Pokhara","Dharan"]。为了确保“Pokhara”在 tempArry 中，我必须使用循环并检查 tempArray 的每个元素。

有没有办法实现 Ruby Array.include?，这样我就不需要使用循环了？

我正在为我正在构建的网站开发一个相当繁重的 JavaScript 界面，我决定使用（最近成为官方的）jQuery 模板插件来生成从查询到 JSON API 的元素。现在，我目前遇到的问题是：

我很容易拥有一堆这样的模板。一种用于每种对象，一些用于列表，一些用于页面的各个部分，等等。是否有存储这些模板的首选方式？我已经阅读了关于使用模板名称定义<script>标签id，然后从那里检索文本（正如 John Resig 在“ JavaScript Micro-Templating<script> ”中描述的那样），但是在每个页面中都有一堆这些标签看起来有点骇人听闻。

所以，问题是：这种情况有什么“最佳实践”吗？