Tag: jquery

如何使用rails对象的id在选择下拉列表中设置选项的值: 我在Rails中有一个模态，用于构建公司对象，将其返回到我的选择下拉列表（具有正确的名称），预先设置并自动选择它。但是，数据库中的现有对象在列表中显示为rails生成的选项，并且同时包含选项的名称和值 – 该值是它们的object.id，因此我可以将两个模型关联在一起。我不能为我的生活找出如何编写javascript来更新下拉列表中的值以及它的文本。我目前的jquery： //close the modal $(‘#competitor_modal’).modal(‘hide’); //prepend the name of the company to the select dropdown $(‘#sales_opportunity_company_id’).prepend($(”, { text: , })); //select the newly prepended option $(‘#sales_opportunity_company_id>option:eq(0)’).attr(‘selected’, true); //show the submit button (I hide it whilst they are creating a new company to stop them accidentally submitting with the value “add […]

fullcalendar将js变量传递给rails，反之亦然: 我有一个rails应用程序。我正在尝试将fullcalendar集成到我的应用程序中。为了测试，我手动创建了一个事件，该事件在使用as_json发送到浏览器后显示在日历中。当我尝试移动（更新）事件js工作但由于路由问题我无法将其保存到数据库。在下面的代码中，我对其进行了硬编码，因此它以这种方式工作。如果我在AJAX中使用： url: the_event.recipientId + “/events/” + the_event.id然后控制台告诉我：开始POST“/ users / 1/1 / events / 1” – >没有路由匹配。如果我使用url: “/events/” + the_event.id然后启动POST“/ events / 1” – >没有路由匹配。所以现在我正在使用从event.rb发送的event.url，但它是硬编码的。如何在AJAX POST中为current_user设置匹配的URL（为此我还需要从db中找到收件人（用户））和PUT调用？对于PUT（更新），已经定义了收件人和发件人，因此使用as_json方法将数据发送到浏览器。这里我的问题是告诉模型（event.rb）current_user是发件人还是收件人，并设置url而不是现在的硬编码。对于POST来说，这更难了。浏览器应该弄清楚current_user（发件人）是基于url的还是以某种方式，并且最重要的是它应该能够从db中选择现有用户（收件人）。我该怎么做第二部分？ /用户/ 1 /事件/ JSON [{“id”:1, “recipientId”:1, “senderId”:2, “title”:”cool”, “body”:”hahahhahhhaha”, “start”:”2015-12-15T17:03:05.110-08:00″, “end”:”2015-12-15T19:03:05.111-08:00″, “allDay”:null, “recurring”:false, “url”:”/users/1/events.1″}] //hard coded in […]

Rails 4 jQuery，javascript和咖啡脚本无法正常工作: 我是rails和web开发的新手，尽管我在控制系统和固件中有近二十年的C / C ++，而且还有很多shell和perl脚本。如果没有明确地包含它，我就无法让jquery工作，即使它在application.js清单中，我也无法让任何单独的coffeescripts工作。 Ubuntu 14.04LTS，ruby 2.2.1p85，rails 4.2.0 的application.js //= require jquery //= require jquery_ujs //= require turbolinks //= require_tree . application.html.erb _header.html.erb My Application Title true %> true %> … 的Gemfile source ‘https://rubygems.org’ # Bundle edge Rails instead: gem ‘rails’, github: ‘rails/rails’ gem ‘rails’, ‘4.2.0’ # Use sqlite3 as the database for Active […]

Ruby on Rails使用Ajax进行渲染: 我正在开发一个简单的网站，其中有歌曲forms的post，现在我已经实现了喜欢和不喜欢的function，但是当我点击喜欢/不喜欢它时会在所有post上呈现喜欢/不喜欢的数量。当我重新加载页面时，它将恢复正常。现在我希望它只更改该特定post的数字，而不影响其他post的数字？我对post的看法： “50×50″ %> <a href="https://stackoverflow.com/user/” class=”info-col”> – <a href="https://stackoverflow.com/questions/48284898/ruby-on-rails-on-rendering-with-ajax/” class=”link-col”> song_like部分具有以下代码： &nbsp song_dislike部分具有以下代码： &nbsp 我的’喜欢’控制器就像： def like @s = Song.find(params[:id]) @like = Like.create(like: params[:like], user: current_user, song: @s) respond_to do |format| if @like.valid? format.html format.js else format.html format.js end end 结束这就是like.js.erb的样子： $(‘.songlikes’).html(“”); $(‘.songdislikes’).html(“”); 这是routes.rb文件的一部分： resources :songs do member do post ‘like’ […]

jQuery – 未捕获TypeError：$不是函数: 我很困惑……我正在我的网站上工作并添加了一些jQuery。经过测试，我发现jQuery没有做任何事情。然后我尝试了我能想到的最简单但最明显的代码： $(“html”).click(function() { $(“html”).html(“”); }); 但那也没有做任何事情。所以我在js控制台中尝试了相同的代码并找回了这个错误： Uncaught TypeError: $ is not a function at :2:1 at Object.InjectedScript._evaluateOn (:848:140) at Object.InjectedScript._evaluateAndWrap (:891:34) at Object.InjectedScript.evaluate (:627:21) 只需输入$ just即可返回“undefined”。我调查并发现我不小心移动了我的Gemfile，也许服务器无法访问jquery-rails gem。但在我将其移回并重新启动服务器后，问题并没有消失。然后我想也许我的页面上有一些错误的代码阻止了jQuery的运行。我删除了所有代码，因此它只是一个空白文档，运行它，并再次尝试，但我在控制台中得到了相同的错误。我的应用程序负责人包括： true %> 我的app/assets/javascripts/application.js包含//= require jquery这一行 bundle install返回“jquery-rails 4.1.1”。我之前在同一页面上运行了大量的jQuery而没有任何问题。看来我的服务器突然停止了解jQuery。到底是怎么回事？

带有rails的入门级javascript：更新表单提交上的div（3.1 / jquery）: 我有一个基本页面，包含一个包含文本的div，以及一个用于更新该文本的表单，在rails 3.1 / jquery上。我不知道jquery或js好，所以我只是在讨论控制器的coffeescript。我发现的任何教程都没有相关性，而且我发现的很少是古老的。我可以看到发生了什么，有点：我可以获得关于ajax成功的js警报，对于作为远程表单的表单（放入服务器并且控制器上的更新工作 – 基本文本被更改，但是我需要刷新页面才能看到更改）。所以我有2个基本问题我正在解决：我是否需要摆弄js partials或者我可以将它放入页面的js / coffeescript中吗？看起来像这样可以处理没有一堆杂乱的部分。你是如何用js / jquery控制替换信息的：.html，.load和其他几个函数似乎有牵连，但我找不到合适的组合。我发现的所有教程要么过于陈旧，要么过于冗长，以至于无法在rails中执行一些基本的jquery操作。我正努力用js / json削减和加快表单提交。对于没有经验的人来说，一个新的，清晰的，简单的教程会很棒，但任何指向正确学习方向的东西都会很棒。是的，我还没有发布任何代码，但如果我可以这么做，我会发布。

如何通过jquery / ajax作为JSON对象将数据发送和存储到rails？: {QUESTION UPDATED} 我想将一些数据发送到安装了rails的服务器。我的数据是JSON格式，例如： var JSONObject= { table1: { title: “Title of text”, url: “Url of text” } } 我在cilent中使用以下代码： $.ajax({ type: “POST”, url : “http://webadress.com/table1”, cache: false, data: JSONObject, statusCode: { 200:function() { alert(“200”); }, 202:function() { alert(“202”); } }, success: function() { alert(“Data Send!”);}, error: function(xhr){ alert(“The error code is: “+xhr.statusText);} }); 在cilent中，存在以下代码： […]

Rails jQuery意外令牌“<”: 我的代码是应用程序/视图/间/ photo_upload.html.slim .panel-body .container .row .col-md-offset-3.col-md-6 = form_for @room, url: room_photos_path(@room), method: “post”, html: {multipart: true} do |f| .row .form-group span.btn.btn-default.btn-file.text-babu i.fa.fa-cloud-upload aria-hidden=’true’ | Select Photos = file_field_tag “images[]”, type: :file, multiple: true .text-center = f.submit “Add Photos”, class:”btn btn-form” #photos = render “photos/photos_list” 应用程序/视图/照片/ _photos_list.html.slim – if @photos.count > 0 br/ br/ .row […]

音乐播放器选择一些歌曲并在rails中播放: 在我的rails 4应用程序中，我有jplayer播放音乐文件，它工作正常，我需要使用复选框和播放选项添加从播放列表中选择一些歌曲，更难以自定义默认的jplayer播放列表，以便我创建一个单独的播放列表而代码是 “btn btn-success ” %> “btn btn-success “%> 并且它的工作也很好每当我选择一些复选框时，相应的id传递，我将根据它渲染json，我将创建播放列表，这是在jplayer中创建代码的代码 $.ajax({ type: ‘GET’, url:window.location , dataType: “json”, success: function(json){ $.each(json,function(data){ myPlaylist.add({title:$(this).attr(“name”), artist:$(this).attr(“artist”), m4a:$(this).attr(“audio_url”)}); }); } }); 现在我需要的是在刷新页面之后保持其状态（选中或取消选中）的复选框，直到用户更改状态。怎么做这个？……我是否可以使用会话？（如果有任何方式让jplayer默认播放列表复选框也告诉我那个）….

如何在Rails中更改菜单项的类: 我有一个菜单导航布局。我正在使用我在网上找到的模板。每个菜单项都有一个HTML页面，每个相应页面的li项目类别被称为“已选择”。它看起来像这样：所以这是在我的application.html.erb文件中。我的问题是如何根据用户点击的链接以编程方式将每个li项目的类更改为“已选择”？这可以用Ruby完成，还是需要使用JavaScript？