Tag: javascript

链轮中的链轮意味着什么: 所以，我才刚刚意识到我完全不知道什么链轮在轨道上。当使用bootstrap或实现时，请求在application.js文件中包含sprocket （bootstrap-sprocket或materialize-sprocket）。我搜索的所有内容都谈到了资产管道，让我更加困惑。根据ruby指南，资产管道在技术上不再是Rails 4的核心function，它已从框架中提取到sprockets-rails gem中。当我做bundle show sprockets-rails ，我得到了： /Users/Sunday/workspace/resilience/vendor/bundle/ruby/2.1.0/gems/sprockets-rails-2.3.1 这表明我至少拥有gem。但我的困惑和我的问题是sprockets的重要性是什么，而不是sprockets-rails ，它使其他gem像bootstrap和materialize ，可能还有一些其他gem有sprockets ，特别是在他们的javascript文件中？谢谢。

如何将Ruby数组传递给Javascript以生成折线图: 我正在尝试创建一个网页，以在我的Ruby on Rails 2.3.14应用程序中显示折线图。我找到了一个名为JS Charts的工具，它允许我使用Javascript创建漂亮的图形，但是我无法向它发送所需的数据。以下是制作静态线图的方法： var myData = new Array([1, 395], [2, 244], [3, 223], [4, 210], [5, 238], [6, 223], [7, 275], [8, 31]); var myChart = new JSChart(‘chartcontainer’, ‘line’); myChart.setDataArray(myData); myChart.draw(); 我将该代码放入stats.html.erb中，然后显示出来。但是，我需要它来显示我提供的线图数据。在控制器中创建一个二维数组： >> @a => [[1, 395], [2, 244], [3, 223], [4, 210], [5, 238], [6, 223], [7, 275], […]

rails 4 bootstrap 3 ajax modal: 我正忙着学习Rails 4，当用户点击链接时我想显示一个bootstrap popup模式，当模态打开时，它需要显示与该特定记录有关的信息。 inheritance了我到目前为止所做的事情，这只是没有显示实际的模态弹出窗口确实传递了正确的参数。 index.html.erb页面有： ‘modal’, :”data-target” => ‘#myModal’ %> 我还有一个作品/ _modal.html.erb： × Close Save changes 也是一个工程控制者： def show @work = Work.find(params[:id]) if request.xhr? respond_to do |format| format.html {render :partial => ‘modal’} format.json {head :ok} end end end 最后是作品/ show.js.erb： $(“#myModal”).html(“”); 我希望我在这里容易丢失一些东西。在控制台中我可以看到以下消息，所以我知道它返回正确的信息，但不幸的是它没有显示模式： Started GET “/works/8” for 127.0.0.1 at 2014-03-03 09:31:12 +0000 Processing by WorksController#show […]

Rails：format.js或format.json，还是两者兼而有之？: 可能很明显，但我仍然缺乏基本知识。内部控制器，既可以使用，也可以使用Javascript，所以两者都是一样的？

全球位置（国家，地区，城市）选择Rails，jQuery或Google Maps API的插件？: 是否有任何插件可以帮助创建国家，地区和城市的下拉菜单？首先用户选择国家，然后根据他选择的国家/地区更新他的区域下拉菜单，他选择区域，然后从第3个菜单中选择一个城市。插件可以是Ruby on Rails，jQuery还是通过google maps api的javascript解决方案？

如何将文件从HTML5拖放到Rails 3 App和Paperclip？: 我正在尝试使用Paperclip在Rails 3应用程序中获得一些html5拖放function。所以，基本上：将一个或多个文件拖放到DIV上文件被POST到Rails动作（一起或一次一个） Rails操作将每个文件保存为Paperclip中的新附件现在，我可以通过发送带有文件数据的XMLHttpRequest并让我的Rails操作读取request.raw_post的唯一方法是…这不是一个可行的解决方案，因为我需要发送其他POST参数和真实性令牌。这是我到目前为止所拥有的： Drag and drop upload Drop Files Here var dropbox = document.getElementById(“drop”); drop = function(evt) { evt.stopPropagation(); evt.preventDefault(); var files = evt.dataTransfer.files; var count = files.length; if (count > 0) { // handleFiles(files); var url = ‘/images/raw’; var request = new XMLHttpRequest(); request.open(“POST”, url, true); // open asynchronous […]

使用嵌套属性动态添加rails中的字段: 我正处于创建应用程序的早期阶段，我只是将一些基本代码放在适当的位置。这是当前的代码…… 应用程序/视图/卡/ front.html.erb 路线 controller :cards do get ‘/front’, action: ‘front’, as: ‘front_of_card’ post ‘/save’, action: ‘create’, as: ‘save_card’ get ‘/my_contact_info’, action: ‘back’, as: ‘back_of_card’ put ‘/save’, action: ‘update’, as: ‘save_card’ get ‘/my_card’, action: ‘show’, as: ‘card’ end 调节器 def create @skill= Skill.new(params[:skill]) @tag = Tag.new(params[:tag]) @tag.save @skill.tag_id = @tag.id @skill.save redirect_to front_of_card_path, notice: […]

form_for通过2个链接提交，当我回到控制器中时，如何告诉我使用了哪个？: 我将表单放在一起，但出于设计原因，表单必须通过链接提交。我发现了如何执行： = link_to_function “Next >>”, “$(this).up(‘form’).submit()” 这样做，我可以用这个创建许多链接没问题。但是我不知道如何区分使用哪个链接将我带回控制器？我需要根据链接略有不同…… 任何的想法？我试图嵌入一些javascript等，但我无法弄明白。谢谢，亚历克斯

未使用的CSS – 你如何清理它？: 可能任何有经验的Web开发人员都会熟悉这个问题：随着时间的推移，你的css文件会变得非常庞大和丑陋，因为所有不再使用的选择器，这可能是相当棘手的。我正在研究一个我们倾向于经常重新设计东西的轨道项目，这导致了一吨无谓的CSS。查找和删除它的最佳方法是什么？现在，我知道有一个专门为此目的而构建的称为deadweight的rails插件。但是，这是我的载重量问题：首先，它完全忽略了javascript中使用的选择器。接下来，它仅扫描您将其配置为扫描的页面，这意味着可能会删除因您出于某种原因未扫描的页面上使用的内容。最后，它只在编译的css中找到未使用的选择器（我们使用LESS） – 将这些与实际代码相匹配有点过于复杂。我也试过http://unused-css.com/ – 它们很棒，但无法访问localhost，而且只能扫描已编译的CSS。我真的认为必须有更好的方法来做到这一点。实际上，前段时间我决定通过在整个项目目录中点击每个选择器来优化一个特定的css文件（emacs + rinari模式使它超级简单和超快），每次我都没有看到任何html或css在结果中我删除了样式。零问题，就像一个魅力。显然，我不会为整个网站这样做。但是，我真的不相信这不能自动化。现在，在我启动我的python并编写代码之前，任何人都可以告诉我，如果我要重新发明轮子吗？

Rails / javascript：“参数键太多” – 什么是规范化表单数据的好方法？: 我正在使用rails 3.1.3。我有一个有很多领域的表格。提交表单时，我收到此错误 ERROR RangeError: exceeded available parameter key space /home/james/.rvm/gems/ruby-1.9.3-p0/gems/rack-1.3.6/lib/rack/utils.rb:99:in `block in parse_nested_query’ /home/james/.rvm/gems/ruby-1.9.3-p0/gems/rack-1.3.6/lib/rack/utils.rb:93:in `each’ /home/james/.rvm/gems/ruby-1.9.3-p0/gems/rack-1.3.6/lib/rack/utils.rb:93:in `parse_nested_query’ /home/james/.rvm/gems/ruby-1.9.3-p0/gems/rack-1.3.6/lib/rack/request.rb:302:in `parse_query’ /home/james/.rvm/gems/ruby-1.9.3-p0/gems/rack-1.3.6/lib/rack/request.rb:190:in `POST’ /home/james/.rvm/gems/ruby-1.9.3-p0/gems/rack-1.3.6/lib/rack/methodoverride.rb:15:in `call’ /home/james/.rvm/gems/ruby-1.9.3-p0/gems/rack-1.3.6/lib/rack/runtime.rb:17:in `call’ /home/james/.rvm/gems/ruby-1.9.3-p0/gems/activesupport-3.1.3/lib/active_support/cache/strategy/local_cache.rb:72:in `call’ /home/james/.rvm/gems/ruby-1.9.3-p0/gems/rack-1.3.6/lib/rack/lock.rb:15:in `call’ /home/james/.rvm/gems/ruby-1.9.3-p0/gems/actionpack-3.1.3/lib/action_dispatch/middleware/static.rb:53:in `call’ /home/james/.rvm/gems/ruby-1.9.3-p0/gems/railties-3.1.3/lib/rails/engine.rb:456:in `call’ /home/james/.rvm/gems/ruby-1.9.3-p0/gems/rack-1.3.6/lib/rack/content_length.rb:14:in `call’ /home/james/.rvm/gems/ruby-1.9.3-p0/gems/railties-3.1.3/lib/rails/rack/debugger.rb:21:in `call’ /home/james/.rvm/gems/ruby-1.9.3-p0/gems/railties-3.1.3/lib/rails/rack/log_tailer.rb:14:in `call’ /home/james/.rvm/gems/ruby-1.9.3-p0/gems/rack-1.3.6/lib/rack/handler/webrick.rb:59:in `service’ /home/james/.rvm/rubies/ruby-1.9.3-p0/lib/ruby/1.9.1/webrick/httpserver.rb:138:in `service’ /home/james/.rvm/rubies/ruby-1.9.3-p0/lib/ruby/1.9.1/webrick/httpserver.rb:94:in `run’ /home/james/.rvm/rubies/ruby-1.9.3-p0/lib/ruby/1.9.1/webrick/server.rb:191:in `block in start_thread’ 显然，提交的k / v对太多了。什么是解决这个问题的好方法？ […]