Tag: ruby on rails

如何使用onclick提交Rails AJAX表单

如何使用按钮在rails中提交AJAX表单？ 我的代码： Controller: def list @events = ExternalEvent.all if !params[:city_id].nil? @events = @events.where(city_id: params[:city_id]) end respond_to do |format| format.js format.html end end list.js.erb: $(‘#events’).html(“”); list.erb: _events.erb: 在单击提交时，AJAX表单已成功提交。 但是如何从表单外部提交表单。 运用 返回JavaScript错误 Uncaught TypeError: object is not a function onclick 如何在外部提交此表格？

Twipsy和Tablesorter的Heroku资产不起作用，本地是

我想知道是否有其他人遇到过问题，例如Twipsy（来自Twitter bootstrap）和Tablesorter等jQuery脚本在本地工作但在Heroku上没有。 每次我清理我的public / assets文件夹并为部署环境预编译。 该脚本实际上显示在heroku上的预编译JS中，但它似乎没有被识别…. 奇怪的是，下拉列表的第一个jQuery / Ajax函数在Heroku上工作正常。 我在heroku雪松堆栈上使用Rails 3.1 这是我的资产/ application.js // This is a manifest file that’ll be compiled into including all the files listed below. // Add new JavaScript/Coffee code in separate files in this directory and they’ll automatically // be included in the compiled file accessible from http://example.com/assets/application.js // It’s […]

Jquery条件适用于除safari之外的所有浏览器

在iPhone和iPad上的Safari中，我为条件语句设置的选择器不起作用，并导致每个ajax请求都有重复的内容。 它适用于android，chrome，firefox，即safari的桌面版本。 $(‘li.micropost’).each(function() { var nlform, nlid; nlid = $(this).data(‘url’); if ($(“li#post” + nlid + ” div.nl-field”).length === 0) { nlform = new NLForm(document.getElementById(“post” + nlid)); } }); 这是html <li id="post” class=”micropost” data-url=””>… 当nlform变量存在时，它将以下div添加到其各自的列表项 … 如果没有nlform变量集，这就是 标签内部html的样子 { :id => “nl-form”, :class => “nl-form” }, :url => microposts_path, :authenticity_token => true) do |f| %> <button […]

是否有jQuery.param（）的“非传统”模式的规范？

jQuery.param（）有两种模式：“传统”或“浅”模式，其工作方式类似于HTML表单，以及一种未命名的非传统模式，它对表单编码键中的附加信息进行编码，以便可以明确地表示列表和映射。 据说PHP和Ruby on Rails可以理解这种格式。 是否有任何关于此格式需要的正式文档，以便其他系统可以与之互操作？ 理想情况下，这将是一个与语言无关的规范，但假设不存在，我想找到最可用的规范文档（即使它在PHP或Rails文档中）。

rails在ajax响应中发送错误的内容类型

由于以下问题，我一直在为一天中的大部分时间而苦苦挣扎： 我有一个rails 3.1 app – 运行正常 我正在尝试添加一些ajax 但是，无论我尝试什么，Rails都坚持在响应头中发送错误的内容类型。 #the form = form_for @signup, :url => ‘/signup’, :remote => true do |f| = f.text_field :email, :class => ’email’, :size => 26 = f.submit ‘Notify me’ #In the controller def create respond_to do |format| format.js { render :content_type => ‘text/javascript’, :layout => false} end end #the JS […]

用于处理ajax事件的Rails UJS“on”

我在Rails应用程序中使用jQuery方法“on”将事件附加到并不总是存在的表单上。 当#myForm附加到文档时，似乎没有附加事件处理程序。 这是UJS建议使用的on() ： $(“#myForm”).on(“ajax:complete”, function(xhr, status) { … } 以下是我通常on()实现jQuery的方法，但这似乎不起作用： $(“body”).on(“ajax:complete”, “#myForm”, function(xhr, status) {…} Rails UJS wiki： https ： //github.com/rails/jquery-ujs/wiki/ajax

Ruby on Rails和Jquery：尝试在提交后切换字符

在这里的第一篇文章，所以我道歉，如果有些事情是关闭的（我如何插入代码，如果我没有包括足够的，或者如果我的问题太模糊）。 我对RoR非常非常新，我开始构建一个tic tac toe游戏。 我已经将它构建为在命令行上工作，现在我正在努力使其基于Web。 我有一个可点击的电路板，弹出X和O图像。 这与下面的一个表格相关联（一旦我完成所有工作，我会看不见），它会记录哪个玩家点击了哪个位置。 目前，我遇到了在提交页面后尝试切换播放器的问题。 我正在使用jQuery进行点击。 点击时我将每个空格弹出为“X”，我无法弄清楚提交后如何将玩家改为“O”。 我应该通过jQuery还是Ruby来做到这一点？ 而且，我该怎么做？ 为了澄清，我意识到我的代码可能不是最干净的，但此刻我更担心function性，并且稍后会使它更具代表性。 jQuery的： $(document).ready(function(){ $(“.square”).click(function(){ // Gather the position that was clicked var number = $(this).data(“position”); // Locate the game form var form = $(“form”); // Locate the input field corresponding to that position var input = $(“input[data-position='” + number + “‘]”); // Set […]

将ajax请求绑定到特定元素Rails 3.1

我有一个用户列表，每个用户的名字旁边都有一个“关注”按钮。 ‘follow’请求通过ajax完成，然后按下按钮变为’unfollow’按钮。 我的代码在列出一个用户的情况下运行正常（并且还有列出多个用户的后端工作），但我想要的是列出多个用户，然后以某种方式将跟随请求绑定到特定元素’.follow_form’，每个按钮都是包含在中，因此只有单击的一个子“跟随”按钮变为“取消关注”。 我遇到问题的jquery代码如下： /create.js.erb $(“.follow_form”).html(“”) 和 /destroy.js.erb $(“.follow_form”).html(“”) 提交表单时，显然所有.follow_form元素都被更改但我无法弄清楚如何绑定正确的元素？ 我尝试过的一些代码之一（对于create.js.erb）是： $(“input.follow”).bind( function() { $(this).closest(“.follow_form”).html(“”) }); 但没有回应???

源映射请求导致404错误

更新到Chrome 29后，我注意到浏览器尝试从app root获取jquery.min.map。 但是从资产收到之前的要求（小的声誉不让我发布用于打样的屏幕图像）。 当然，我可以在浏览器设置中关闭源地图，就像这个问题一样 ，但也许还有另一种真正的方法吗？ 我的情况不同的是，源地图是从资产收到的。

Bootstrap Switch事件处理程序无法正常工作

我在这里问了一个与此类似的问题，但现在我仍然坚持使用Bootstrap Switch的事件处理程序 。 我想在交换机切换时打印出状态。 目前，它仅在单击时切换状态，并且不会触发新事件。 以下是我的一些设置： some.js $(document).ready(function() { $(“#famous-people-switch”).bootstrapSwitch(); $(“#famous-people-switch”).on(“switchChange”, function (e, data) { console.log(data.value); }); }); some.html.erb Famous People: gem Using sass (3.3.2) Using bootstrap-sass (3.1.1.0) Using bootstrap-switch-rails (2.0.2) Using jquery-rails (3.1.0) Using sass-rails (4.0.1) Application.css.scss @import “bootstrap”; @import “bootstrap3-switch”; 的application.js //= require jquery //= require jquery_ujs //= require bootstrap //= require bootstrap-switch […]