问题标签 [unobtrusive-javascript]

我有一个带有表单的 html 页面。
该表单具有 Div，它使用文本框、收音机、复选框等输入元素动态填充。

现在我想在 Html 页面中检索这些动态创建的元素的值，以便我可以将其提交到页面。

//HTML页面

//问题DIV生成脚本示例单选按钮

我假设在表单中说“X”复选框（任何输入元素）和“M”选项选择索引（“M”小于等于“X”）。那么我如何选择“M”选项索引/值并以最佳方式取消选择其余复选框？

即假设我有 10 个复选框和 5 个选项索引（例如：1、2、4、5、8），那么我必须选择具有给定索引的复选框。

我可以想出以下代码：

但我还想为其余部分添加效果（不在choiceToSelect 数组中）。（对于那些不在choiceToSelect 中的人来说可能是红色）这可以在一个遍历/循环中完成吗？最佳？还是更好的方法？

我打算使用此代码http://gist.github.com/110410转储 Prototype 以支持 jQuery，但我确实遇到了问题。

这是我的 HTML（一个 link_to 生成的链接）：

问题：

除了页面重新加载之外，一切都正常工作。我怀疑提交通过导致页面重新加载。

有没有一种优雅的方法来防止这种情况？返回假；在这种情况下似乎没有削减它。

I have worked on two projects using Ajax and Ruby. In one project, I used Rails Prototype helpers and RJS. In the other project I used HAML and unobtrusive Javascript with jQuery. Each had a learning curve which I have overcome. However, the long-term costs and benefits of either approach are not clear. For my next project I am trying to decide between:

1. Rails + HAML + jRails + jQuery
2. Rails + HAML + unobtrusive jQuery

The trend in Rails, especially Rails 3.0, seems to be towards using unobtrusive Javascript, but it is not clear to me why this is better, especially when you get so many useful helpers (such as remote_form_for) from Rails/jRails. In trying to make this decision, I have the following questions:

1. Which approach leads to less code to achieve the same amount of functionality?
2. Which approach is less error-prone?
3. Which approach is easier to test?
4. Which approach is easier to read, maintain, and evolve?
5. Which approach lets you more easily degrade your web application gracefully (by providing the same functionality without Ajax) when Javascript is disabled in the client browser?

I appreciate any help or insight you can provide.

我希望能够选择多个复选框onmouseover，但不是应用于 onmouseover每个单独的框，我一直在尝试通过按 ID 操作复选框来解决如何做到这一点，尽管我不确定从哪里开始使用getElementById. 因此，而不是您在下面看到的：

我希望能够将onmousover效果应用于一系列复选框，如下所示：

在尝试了 Stack Overflow 的搜索功能并在 Google 上环顾四周后，我至今无法找到对我有意义的解决方案，尽管我仍在学习过程中，所以我担心我可能会尝试做一些对我的知识水平来说太高级的事情。

Rails 3 做了一些很酷的事情来使 Javascript 不显眼，所以他们做了这样的事情：

..转换为

但它只是发生在我身上.. 当我关闭 javascript 时，该方法不再是 DELETE，它是 GET 正如预期的那样。那么是否有计划或有什么方法可以让这些data-属性优雅地降级，以便该链接仍然是一个 DELETE 请求？

我的 Rails 应用程序（所有 2.3.5）完全混合使用内联 javascript、rjs、原型和 jquery。让我们称之为学习或成长的痛苦。最近我越来越迷恋不显眼的 javascript。它使您的 html 变得干净，就像 css 清理它一样。

但我见过的大多数例子都是小例子，他们把所有的 javascript(jquery) 放在 application.js

现在我有一个相当大的应用程序，我正在想办法构建我的 js。我喜欢我的脚本仍然靠近视图，所以我在想类似的东西

其中orders.js 包含特定于该视图的不显眼的javascript。但也许这只是我太保守了:)

我在这里和这里阅读了 Yehuda Katz 关于这个问题的一些帖子，他在那里解决了这个问题。它将通过您的 js 文件并仅加载与您的视图相关的那些。但可惜我找不到当前的实现。

所以我的问题：

• 你如何最好地构建你不显眼的 javascript；管理您的代码，您如何确保从 html 中可以明显看出应该做什么。我想好的类名有很长的路要走:)
• 您如何安排文件，将它们全部加载？一些？您是否使用content_for :script或javascript_include_tag在您的视图中加载相关脚本。或者 ... ？
• 你是写非常通用的函数（比如删除），带参数（添加额外的属性？），还是写非常具体的函数（DRY？）。我知道在 Rails 3 中有一个标准集，那里的一切都不显眼。但是如何从 Rails 2.3.5 开始呢？

简而言之：在 Rails 中做不显眼的 javascript 的最佳实践是什么？:)

为了遵循最佳实践，我们尝试根据您使用的设备使用正确的 JavaScript/jQuery 事件。例如，我们正在构建一个移动网站，该网站的标签具有点击或触摸事件。对于 iPhone，我们想使用“touchstart”事件。在我们将该处理程序绑定到对象之前，我们想测试他们的设备是否支持“touchstart”。如果没有，那么我们将绑定“onclick”。

做这个的最好方式是什么？

我已经在这几个小时，但它只是不工作。我正在尝试使用 Scriptaculous 的效果库让 ToggleJS 工作。具体来说，示例：http ://wiseheartdesign.com/page_attachments/0000/0075/demo.html 。

我使用一个名为 new.html 的纯 html 文件让它工作得很好。然后我将它转换为 new.html.erb，这样我就可以将一些动画合并到我的 Rails 项目中，但它停止工作了！

我尝试了 html 和 ruby​​ javascript 标签，但都没有工作，例如：

页面的正文显示在浏览器上，但没有动画。我确保我的 javascript 文件与演示相同（另外，html 文件仍然可以使用它们）。您知道我的 .erb 文件可能出在哪里吗？

我正在使用的 html 示例：

Eimantas，我在这方面完全是新手。我在我的 html 文档中添加了以下内容，但它没有用：

这是你的意思吗，或者你能告诉我我需要在我的 .html.erb 文件中写什么代码吗？

我在包含许多记录（订单）的视图中使用不显眼的切换。我已经让它在单个 div 上工作，但我现在希望它工作，这样每个订单都可以使用自己的切换链接在循环内单独展开/收缩（链接也是循环的）。

当我的可扩展 div 被称为 x 时，问题是切换按钮的每个循环都只是在其自己的迭代中切换第一个 div 而不是 div - 我想最好的方法是使用 order_id 作为每个可扩展部分的标识符？

更有经验的观众可能会对此嗤之以鼻 :) 但我尝试使用以下代码：

如您所见，在每个循环中，我也希望能够切换一些子部分。如果我必须能够在可扩展的循环 div 内切换多个 div，解决方案将如何改变？?s 是因为如果我将主切换 div 称为 order.id 那么我不知道如何引用多个内部 div - 这显然是根据主要问题。