问题标签 [ujs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1070 浏览

jquery - 如何使用 ujs、jquery 和 rails 加载内容?

我正在尝试找出使用 Rails UJS 将内容插入灯箱的最佳方法。我有一个看起来像这样的链接:

这会产生这样的html:

所以这一切都很好,我已经创建了视图文件:user_sessions/new.js.erb它也加载得很好,但我的问题是在页面中插入附加 html 的首选方法是什么?就像我在非 js 页面上已经有了登录表单,所以我不能只将部分加载到页面中吗?

任何想法都会受到欢迎。

0 投票
2 回答
640 浏览

jquery - 升级:在 Rails 3 中的 link_to_remote 上使用参数

升级到 Rails 3 时,Rails RJS 帮助程序 ':with' 参数的首选 UJS 替代品是什么(使用新的不显眼的 link_to... :remote => true 语法)。

例如。替代:

具体来说,我正在研究一个链接,该链接使用 ajax 发送一个 put 请求,并带有一个选择选项的值,以更新表单中的一些其他字段。

最好的不引人注目的方法是什么?

0 投票
4 回答
9627 浏览

jquery - Element.update 不是函数 [Rails 3 + JQuery]

我正在尝试将 JQuery 集成到 Rails 3 中。我已经从http://github.com/rails/jquery-ujs下载了 rails.js 文件并将其包含在我的应用程序中。我还包括 JQuery。

但是当我尝试像这样做一个简单的 page.replace 时:

我从执行的 javascript 中得到以下错误:

有任何想法吗?

0 投票
1 回答
1286 浏览

jquery - 为什么不使用 UJS / jQuery 进行部分渲染?

我正在尝试使用 jQuery 在我的 Rails 3 项目中创建带有表单的帖子。这是我所拥有的:

在下面查看更新的结果

创建.js.erb:

布局/application.html.erb:

post_controller.rb:

当我提交帖子表单时,它会将文本放在#{render(:partial => 'posts')}帖子 ajax 应该在的位置。

编辑:通过更改create.js.erb为:

提交表单时,我在终端中收到此错误:

0 投票
1 回答
597 浏览

jquery - 如何使用 ajax 和 UJS 将事件处理程序分配给页面对象

有人可以建议解决这个问题的好方法:

在页面加载时,将事件处理程序添加到页面元素。例如:

这按预期工作 - 太棒了!

但是假设在div#buttonDiv加载文档并稍后使用 Ajax 添加到 DOM 时不存在。在这种情况下,click()不会添加事件处理程序,也不会调用警报。

如果不使用内联 javascript,如何向该元素添加事件处理程序?

欢迎任何建议。

0 投票
2 回答
2060 浏览

ruby-on-rails - 带有 jQ​​uery 的简单 UJS 在 Rails 3 中不起作用

我正在使用 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。不确定是什么问题。

0 投票
2 回答
2619 浏览

jquery - Rails UJS 在 IE 中渲染 js.erb 模板

我有一个运行 rails 2.3.8 的 RoR 应用程序,它使用 Rails 3 样式 UJS 来绑定数据远程表单,而不是使用 form_for_remote,控制器使用来自服务器的 js.erb 文件进行响应。

在 FF、Chrome 和 Safari 中运行良好,但在 IE 中运行时会提示您保存文件并且不执行 JS。到目前为止,我的研究没有发现任何可能的原因,因此将不胜感激任何帮助!

这是我的控制器操作:

我也尝试过这个,而不是具有相同结果的 respond_to 块:

还有我的 create.js.erb:

这一切都很简单,我真的不明白 IE 出了什么问题。

谢谢你的帮助!

编辑:

发布注释的表格:

rails.js 的相关部分:

服务器响应: Content-Type:text/javascript; 字符集=utf-8

我已经尝试为 rails.js 帮助程序显式设置数据类型,但这并没有改变任何东西。

0 投票
2 回答
3684 浏览

ruby-on-rails - Rails 3 UJS 驱动程序事件

根据 Simone Carletti的博客文章,Rails 3 ajax 助手发生了很大变化。我们应该使用 rails 3 编写比使用 rails 2 更多的 javascript。

我试图弄清楚如何在“rails 3 方式”中显示 ajax 加载 gif - 而 ajax 查询正在运行。我想出了这种代码,它使用 Rails 3 UJS 驱动程序发送的 javascript 事件。此示例使用原型:

这很好用,但我希望可以在原型和 scriptaculous 助手的帮助下编写这些 ajax 事件“触发器”,就像我们使用 link_to_function 时一样:

有没有办法做到这一点,或者我们应该直接在javascript中编写ajax事件“触发器”,无论是原型还是jquery?

最好的祝福,

菲利普·朗

0 投票
4 回答
2146 浏览

ruby-on-rails - Rails 3 UJS 干式客户端+服务器端表单验证

使用 jQuery 进行表单验证就像在字段中添加类名一样简单。使用 rails 进行表单验证就像将条件放入控制器(和/或模型)一样简单。

我认为应该有一种方法可以编写一次验证并让它们同时应用于客户端和服务器端。我一直是编写自己的 javascript 的粉丝,但有了 rails3 的隐蔽性,如果 UJS 能够做到这一点,它在这里可能非常值得。

谢谢!!

0 投票
11 回答
12741 浏览

jquery - Rails 3 UJS - 控制器被link_to调用两次:remote

我有一个奇怪的问题,JQuery 正在为 link_to 方法创建两个 AJAX 请求。我正在为 UJS 开发一个带有 JQuery 的 Rails 3 应用程序。我有一个切换链接,可以在“关注”和“取消关注”之间切换

我的链接呈现如下:

我的控制器是这样设置的:

最终将 js 呈现为:

它本质上用相同的 URL 替换了 '<span id="follow_link">...</span> 的 html 内容,只是文本不同。例如,上面现在将呈现为:

然而,这以某种方式导致 JQuery 发出两个 AJAX 请求。

任何人都可以看到这里有什么问题吗?

我正在使用“jquery-rails”gem,它将最新的 jquery-ujs 文件复制到我的应用程序中。jQuery 版本是 1.4.3