Tag: jquery

如何将params传递给Rails控制器方法然后使用JQuery / AJAX返回值？: 我使用click函数首先获取数组/位置，然后通过AJAX调用将其发布到控制器方法。然后我想让方法返回一个布尔值来启用jquery函数中的addClass。控制台始终丢失500服务器错误。这是.js文件： $(document).ready(function(){ $(“#backboard”).on(“click”, “div”, function(e){ $(“#backboard div”).removeClass(“selected”); var val = $(this).data(‘val’); $.ajax ({ type: ‘POST’, url: “https://localhost:3000/chess/:pos”, data: {pos: {value: val}}, success: function(d){ if(d === true){ $(this).addClass(“selected”).append(“”+val+””); } } }); }); }); 这是controller.rb文件： class ChessController < ApplicationController include ChessHelper def new @select = false @game = Game.new("white", "ARSEFACE!!!") @arr = @game.board @cpu […]

Rails 4 jQuery与javascript冲突: 我试图在Rails 4中制作应用程序。我正在挣扎。我正在尝试合并一个bootstrap主题，我遇到了供应商javascripts和其余代码的问题。我认为问题可能与在我的application.js中使用jQuery然后使用以’$’符号开头的供应商.js文件有关： $.circleProgress = { 我刚看过这个： https ： //learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/ 我的问题是虽然我不知道如何进行使代码安全的更改。我是否需要搜索供应商文件中的每个’$’，或者我如何在jQuery上安装一个安全的包装器 – 特别是在通过gem合并的地方。有没有人遇到过这些问题并找到了解决方案？我会喜欢一些帮助。的application.js //= require jquery //= require bootstrap-sprockets //= require jquery_ujs //= require html.sortable //= require disqus_rails //= require moment //= require bootstrap-datetimepicker //= require pickers //= require main //= require hammer.min //= require jquery.animate-enhanced.min //= require jquery.countTo […]

jQuery的jquery-1.10.2.min.map触发404（未找到）: 我看到有关文件min.map错误消息，找不到： GET jQuery的jquery-1.10.2.min.map触发404（未找到）截图这是从哪里来的？

修复投票机制: 我已经实现了一个上/下投票系统，在我的Ruby on Rails应用程序中使用ajax进行更新。按钮调用create方法，将投票插入数据库，并计算投票金额。然而，截至目前，用户可以按照他或她想要的次数进行投票或投票。我希望投票能像我们在StackOverflow上看到的那样，用户只能投票或投票一次，投票可以撤消。我如何为此构建逻辑？

在ruby on rails上显示表单提交时没有页面刷新的结果数据: 我在铁轨上的ruby很新。我遇到了问题。我有一个主题列表，在这个列表下面我有一个表单来添加主题。我正在尝试添加没有页面刷新的主题，并在主题列表下方显示此主题。新添加的主题是插入数据库，但没有页面刷新，它不会显示在列表的底部。这是我的控制器（subject_controller.rb） class SubjectController ‘subject’, :object => @subject end end end 这是我的部分文件（_subject.html.erb） <li id="subject_”> ‘show’, :id => subject.id %> 这是我的查看页面（list.html.erb） ‘show’, :id => c.id %> {:action => ‘create’}, :update => “subject_list”, :position => :bottom, :html => {:id => ‘subject_form’}, :remote => true) do %> Name: ‘create_button’, :onClick => ‘javascript:submitForm();’ %> 这是我的js文件 […]

如何在Ruby on Rails中使用Javascript？: 我想我从根本上误解了如何在我的rails应用程序中实现Javascript。我的理解是你把你的Javascript扔到你的application.js文件中，然后你可以使用jQuery引用你的DOM中的元素，以便创建一个交互式网页。我刚检查了所有代码，它看起来很干净（如果我错了，发布在下面）。我的想法是，我可能会把我的Javascript放在错误的地方，或者我在某个地方错过了依赖？我发现其他post对我来说几乎无益。如何将Javascript合并到我的应用程序中？的application.js function main() { $(‘.answers-box’).hide(); $(‘.qaa-box’).on(‘click’, function() { $(this).next().slideToggle(400); }); } $(document).ready(main()); page.html.erb Lorem ipsum dolor sit amet, consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elit

如何在使用下拉列表过滤后保留多选框中的选定值: 我目前有一个建筑物的下拉列表，可以过滤多选框，其中各个房间按其各自的建筑物分组。一切都很好，除了当我在多选框中选择或预先选择了值并且我使用下拉列表过滤多选框时，它不允许所选项目保持不变。 EX：假设我通过Multi Box选择会计库内的两个房间 105A ##Select 105B ##Select fad zzz 155 156 然后我用我的Dropdown（Ahmanson中心）过滤并得到…… fad zzz 这是正确的，除了我想保留或附加在使用下拉列表过滤之前选择的值。 fad zzz 105A ###Keep Selected 105B ###Keep Selected 有谁知道我怎么能用我的JavaScript做到这一点？ JAVASCRIPT $(function() { ###Gathers all rooms in Multi Select Box var originalRooms = $(‘#key_room_ids’).html(); ###Filters Multi Box when the Dropdown menu changes $(“#key_building_name”).on(“change”,function() { $(‘#key_room_ids’).html(originalRooms); if (this.value != “all”) { […]

Ajax with Polymorphic Association（Destroy＆Create）: 我在rails应用程序中与dailyposts和comments有多态关联一切都在数据库中工作正常，但当我尝试将Ajax添加到Destroy Action（我使用本教程http://railscasts.com/episodes/136-jquery-ajax-revised ）….它不起作用除非我刷新页面。（但我的警报在destroy.js.erb中有效）我知道我的错误在destroy.js.erb中新手Rails …请帮忙:) 这是我的代码…… ROUTES resources :dailyposts do resources :comments end CONTROLLERS ##Dailyposts class DailypostsController :created_at) @comment = Comment.new end end ##Comments class CommentsController < ApplicationController before_filter :load_commentable respond_to :html, :js def create @comment = @commentable.comments.create(params[:comment]) @comment.user = current_user if @comment.save respond_to do |format| format.html { redirect_to @commentable } format.js […]

jQuery-UI Sortable Connected-Lists保存订单并与rails模型关联: 让我们说：我有一个’调查’，有很多’问题’，有很多’答案’ 如果我有一个’调查’有2个’问题’的实例，那就叫它们：’好问题’和’坏问题’ ‘好问题’有5’答案’和’不良问题’有3’答案’ 如果“好问题”和“错误问题”通过此jQuery-UI交互连接可排序列表。 http://jqueryui.com/sortable/#connect-lists 我知道如何使用jQuery-UI将它们显示为2个可排序列表，我也可以从“不良问题”中删除“答案”到“好问题”。但是，如何将新的排序位置和新排序的关联保存到另一个“问题”回到Rails数据库？ Railscasts如何为单个可排序列表保存位置，但不保存属于不同关联模型的列表。 http://railscasts.com/episodes/147-sortable-lists-revised 我非常感谢这里的帮助！编辑我意识到我只需要POST到Rails控制器，列表的元素id，我将’Answer’放入（即<ol class = "connectableSortable" id = "Good_Question" ）这是Railscast如何对Rails控制器执行POST以按可排序顺序传递object_id数组的语法。 jQuery -> $(‘#faqs’).sortable( axis: ‘y’ update: -> $.post($(this).data(‘update-url’), $(this).sortable(‘serialize’)) ) 如何更新此POST以将列表ID传递给它，因此我可以更新“问题”外键，将“答案”更新为它所属的列表“ID”？这个SO答案有一种方法来检索列表ID。获取放置元素的项/对象所以现在，我真的只需要知道如何将额外的参数传递回rails控制器。有帮助吗？

使用Sinatra和jQuery而无需在POST上重定向: 我正在尝试使用jQuery向我的Sinatra应用程序提交表单，但是当通过AJAX进行POST时，Sinatra应用程序正在显示一个空白页面。我希望它保持在同一页面，并更新我在javascript中指定的内容。这是我的代码，剥离了： post ‘/register’ do register( params ) end get ‘/register’ do haml :register end 这是我在haml文件中的javascript： :javascript $(function() { $(“button#submit”).click(function(){ $.ajax({ type: “POST”, url: “/register”, data: $(‘form.register’).serialize(), success: function(){ $(“#message”).html(“Successfully registered”) }, error: function(){ $(“#message”).html(“Not Successful”) } }); }); });