问题标签 [unobtrusive-javascript]

我正在使用 Rails 3 创建一个基本的留言板应用程序。我希望使用 UJS/jQuery 创建帖子（使用 AJAX 提交帖子并清除表单）。我认为这很简单，但我收到了这个错误：

布局/application.html.erb：

帖子/index.html.erb：

帖子/_posts.html.erb：

帖子/_form.html.erb：

帖子/create.js.erb：

post_controller.rb：

我正在使用 Rails 3.0.0 和 Ruby 1.9.2。不确定是什么问题。

我有一个与Railscasts 第 229 集非常相似的 rails 3 应用程序，唯一的区别是在我的代码中 Articles 被称为 Posts 并且我有一个嵌套路由：

路线.rb：

我在终端收到此错误：

post_controller.rb:8:

Comments_Controller 索引方法：

def index @comments = Comment.where("post_id = ? and created_at > ?", params[:post_id], Time.at(params[:after].to_i + 1)) end

应用程序.js：

我有一种预感，问题出在嵌套路由上。如何让 application.js 中的 Javascript 识别嵌套路由？

编辑：

帖子/show.html.erb：

评论/_form.html.erb：

将 application.js 中提到的行更改为：

我在终端中收到错误：

第二次编辑：评论/index.js.erb：

评论/show.js.erb：

评论控制器.rb：

window.onloadJavaScript和 jQuery 的$(document).ready()方法有什么区别？

我想知道模块模式或 Constructor/protoType 模式是否更适用于我的工作。

基本上我使用的是不显眼的 javascript——HTML 文档引用了 .js 文件。

我对模块模式的理解：

• 调用一个 INIT 方法（这基本上是一个我可以使用模块模式创建和返回的公共方法）
• 在 INIT 方法中，分配所有点击事件等。

这听起来像是适合我的情况的完美模式，因为我不需要创建对象和继承层次结构等。

我对构造函数/原型模式的理解：

• 用于创建对象
• 用于使用继承（即超类型的子类型）

我是否正确，对于提供不显眼的 javascript，模块模式是理想的？

我们有一个包含大约 40 行 jquery 的编辑器模板。我尝试将此脚本放入一个<asp:Content>块中，以将所有 javascript 保存在页面内的一个位置。但是，我收到以下错误消息content controls have to be top-level controls in a content page。

有什么方法可以让这个工作，所以我们没有在我们的最终输出页面上点缀脚本，或者有人可以推荐存储 ASP.NET MVC 模板中使用的 javascript 的最佳实践吗？目前，我正在考虑将代码拉入一个单独的文件并在母版页中引用它，但这意味着它会被拉入每个不太理想的页面。

提前致谢。

我正在构建一个页面来显示一堆网络摄像头图像并定期更新它们，以便该页面可用于一目了然的监控。但是，我在定期重新加载工作时遇到问题。我的代码看起来像：

理想情况下，我希望每隔几秒钟从它们指定的 URL 重新加载这些东西，而不必为每个相机生成单独的 JS。我已经将 jQuery 用于其他一些零碎的东西，所以坚持下去会很棒 - 再说一遍，一个普通的 JS 解决方案也很好。

任何想法，StackOverflow JS 神？

如何savecount()从浏览器 url 触发？ javascript:savecount();不会工作，也不会game.savecount()，也不会window.game.savecount();

我有以下加载图像：

要在 AJAX 调用期间显示/隐藏它，我有几个解决方案。例如，我可以通过添加一个对应于 CSS 样式的类来隐藏它：

或者，我可以使用 jQuery.show()和.hide(). 在这个特定示例中，后一种方法不太冗长。

哪些场景可以从“动态”添加 CSS 中受益？我一直在阅读“Unobtrusive JavaScript”，它建议使用 $(document).ready() 处的 jQuery 将所有 JS 注入 DOM。

是否有以类似方式将 CSS 和 jQuery 完全分开的最佳实践方法？

我有一个可以在 FF 中毫无问题地切换的列表。我需要这个工作的 IE 来准备生产。

似乎（IE）仅将js应用于第一个#orderItem和第一个#familiy。列表中的其余项目将被忽略。

任何帮助都会很棒。

一段 HTML（大列表）：

我有以下 jquery 函数：

关于使用链接/<a> 标记与站点中其他页面的显式hrefs（即href="/blah/blah/blah.html）与具有hrefs/divs/等的最佳实践是什么？没有明确的 href 并且在 main.js 文件中使用 JavaScript 将其 onclick 设置在文档就绪处理程序中。

在 Web 开发方面，我不是专家，但我很喜欢学习 jQuery 等，并且发现自己订阅了 Unobtrusive JavaScript 的概念。虽然上面的两个选项都没有打破这种心态的“HTML 中没有 JavaScript”部分，但我想我已经挂断了“结构和表示与行为的分离”。虽然我承认将 <a> 标记放在那里并明确设置 href 更自然，但我发现自己认为这确实是一种行为，因此应该在 JS 中设置。

这会很远，还是我只是不习惯？我的另一面看到了将它放在 JS 中的好处，b/c 现在我有能力完全控制该链接的行为，而无需更改 HTML 中的任何内容。我猜你会说我在众所周知的围栏上。请帮我下来。=)

（请注意：该站点大量使用 JavaScript，因此关闭 JS 提供功能的想法并不是一个真正的问题，因为没有它，大多数站点将无法运行。）