Tag: ruby on rails 3

Rails – 根据无线电选择改变表单动作

我是一个Rails noob。 我不会说谎。 我的任务是采用两种forms并将它们变成一种动态forms。 这是一个登录/注册表单。 我唯一的问题是如何处理代码的Rails部分。 使用jQuery，我可以轻松地替换HTML表单操作，但是如何根据登录或注册无线电选择来替换rails代码中的操作/目标。 ‘_login_form’ do %> ‘_sign_up_form’ do %>

在Rails 3中使用jQuery插件

完成了Hartl伟大的Rails教程后，我现在正在通过非常好的jQuery –由Castledine和Sharkie 为Ninja的新手工作 。 虽然我能够在我的rails项目中包含jquery.js和jquery-ui.js，但在添加其他jQuery插件时我会陷入困境。 我已经发现当插件托管在github上时，我可以使用命令行将它们导入到我的项目中： [my rails app]$ rails install [github URL] 插件成功导入/ vendor / plugin /目录，其中javascript_include_tag无法找到它们。 这种情况提示3个问题： 有没有办法将jQuery插件导入我的Rails应用程序，将它们放入它们所属的public / javascripts /目录中？ 如果1的答案是“否”，有没有办法让javascript_include_tag搜索vendor / plugins /中的脚本？ 这似乎是不好的做法，因为jQuery脚本远离public / javascript /目录，人们通常会在那里查找它们。 如果1和2都是“不是”，那么是否有更优雅的方式从供应商/插件/移动文件而不是$ mv或复制和粘贴？ 注意：通过网络搜索，我在http://getsprockets.org/上遇到了37signals的sprokets gem，这似乎在某些方面可能有用，但超出了我目前的需求和理解。 感激任何想法！

如何将HTML ID链接与Bootstrap navbar-header一起使用？

在我的rails应用程序中，我正在尝试构建一个简单的FAQ页面，其中有一个侧边栏，当您单击某个主题时，它会向下移动到该问题。 因此，侧边栏中的一段代码如下所示： How does it work? 然后我有一个匹配的h2与id =“work”。 当我测试它时它会保持超调，我认为因为它显示的内容从页面顶部开始，这是由Bootstrap中的导航栏隐藏的。 解决这个问题的最佳方法是什么？

AJAX与Rails 3.2一起提交表单

这是我的表单，它工作正常，但现在我想要AJAX它。 :put, :class => ‘update_inv_form’ do %> 当我添加：remote => true属性时，表单通过AJAX成功提交（我可以看到它发生在服务器上，我可以在刷新页面时看到更改）。 我想正确更新视图以显示更改而不刷新页面。 这是我的更新操作:(请注意，我在这里不使用ActiveRecord模型。） def update variant = ShopifyAPI::Variant.find(params[:id]) variant.inventory_quantity = params[:inventory_quantity] variant.save redirect_to root_path end 更新感谢您帮助我解决这个问题的答案结果解决方案正如他所说的那样，但是我遇到了一个小问题。 我想更新的视图存在于app/views/home/index.html.erb ，我正在处理这个问题：Variants #update。 （变种控制器，更新动作） 我把update.js.html放在我的视图所在的同一目录中： app/views/home和我的服务器抛出500错误：缺少模板。 事实certificate，我必须创建一个app/views/variants/目录并将update.js.html文件放在那里。 问题解决了。

使用Javascript / JQuery / Rails 3动态添加新行

我正在构建一个时间表表单，其中包含一个日历，使用户可以选择指定的日期，并搜索项目。 我有这个function。 我基本上有这个： 一旦用户搜索他们的项目并按下加号按钮，那个指定的项目。 在这个实例中，Asda用户将点击加号图标，该图标将创建一个新行并将其放入表格的项目任务中。 你怎么能在Javascript / JQuery中做到这一点。 很抱歉询问可能被视为这样一个基本问题，但我还在学习Javascript / JQuery。 我目前有一个与project_project_tasks_path( project.id )相关联的加号图标。 这只是暂时的。 这是我到目前为止： Number &nbsp Name true %> Recently Viewed Project No. Project names Project Leader 123 Test 1 Hours for Week commencing: Tasks for project Leave TOIL Sick Total 编辑： 我创建了一个task_list.js.erb ，如下所示： $(‘#task_list’).html(”); $(‘#task_list’).append(”); 项目总监 def index # check if we’ve […]

安装JQuery时，为什么我的“删除”链接会中断？

我有一个可以创建和删除产品的Rails 3应用程序。 索引页面列出了所有产品。 列表中每个产品旁边都有一个删除链接： :delete, :title => “Delete” %> 这在HTML中看起来像这样： Delete 这一直很好。 我已经达到了我想在我的应用程序中安装JQuery的程度。 我按照几个网页上提供的步骤（例如， 这个或这个 ）。 安装JQuery后，上面的“删除”链接中断。 Rails尝试处理show动作，而不是处理ProductsController的destroy动作！ 我的猜测是它与Web浏览器本身不能发送DELETE请求这一事实有关，因此Rails使用JavaScript“伪造”这样的请求，这就是为什么我在尝试安装JQuery 之前有以下行： 编辑：在JQuery安装过程中的某些东西必须使得用于“伪造” DELETE请求的Javascript不再起作用，从而导致调用show动作。 但究竟发生了什么我不知道…… 有人有主意吗？ 谢谢。

如何让我的新注册设计forms为AJAXified？

我想要发生的是，当帐户成功创建时，提交的表单应该消失，并且应该出现一条消息（取决于注册的状态）。 如果成功，他们应该看到一个简单的“谢谢。请检查你的电子邮件。” 如果不是，那么他们应该看到一个合适的消息 – 比如“抱歉，该电子邮件已经被删除”。 这是我的表格： resource_name, :class => “send-with-ajax”, :url => user_registration_path(resource), :validate => true, :html => { :id => ‘user_new’ }) do |f| %> “your-email@address.com”, :input_html => {:autofocus => true}, :validate => true %> “Submit”, :value => “Sign Me Up!” %> 这是我的create.js.erb ： $(document).ready(function() { $(‘#user_new’).submit(function() { $(this).fadeOut(600).hide(); $(this).append(‘Thank You. You should receive […]

在Rails 3应用程序中修复JQuery倒数计时器

我需要一个我正在研究的rails应用程序的倒计时器，所以我决定使用它。 http://keith-wood.name/countdown.html 在public / javascripts文件夹中我添加了jquery.countdown.js在public / styleheets文件夹中我添加了jquery.countdown.css 在app / views / layouts / application.html.erb中，我将javascript和css文件添加到样式表和javascript标记中。 在我看来，我已经补充说 var element = ‘#countDownTimer’; var year = ; var month = ; var day = ; setCountdownTimer(element, year, month, day); 这将用于选择jQuery来添加计时器。 这是我的application.js文件 // The following function is called once the rest of the document is fully loaded $(document).ready(function() { function […]

阿贾克斯与Kaminarigem的分页

在最近的一次railscast之后，我在我的网站上使用了kaminari gem ，我想做ajax分页 kaminari文档说： the helper supports Rails 3 unobtrusive Ajax. 有没有人有关于如何做到这一点的任何提示或教程？ 我正在使用jquery，rails 3等。我想我的application.js文件需要一些内容来监听分页导航中的按钮 如果有人需要代码，我会发布它

JQuery + thumbs_up gem渲染投票数？

插件： Thumbs Up和JQuery 1.5.2（另一个老gem需要） 当用户在post上投票时，我正在尝试使用完整的HTTP请求呈现更新的投票计数。 目前，它会在每次投票时刷新页面。 post控制器 def vote_up post = Post.find(params[:id]) current_user.vote_exclusively_for(post) respond_to do |format| format.js format.html {rRedirect_to :back} end end def vote_down post = Post.find(params[:id]) current_user.vote_exclusively_against(post) respond_to do |format| format.js format.html {redirect_to :back} end end 投票视图（每个postdiv在左边有一个投票div（digg / reddit样式）和右边的内容） :post, :format => :js %> all the post content, timestamp stuff, etc… vote_up.erb.js（在post文件夹中）。 $(“.votecount”).html( “”); […]