Tag: ruby on rails

rails和bootstrap:未捕获的ReferenceError:未定义jQuery

我创建了一个简单的webapp,在rails 3.2.17应用程序中集成bootstrap 3,遵循stackoverflow上的这个过程,所以不使用gem而是手动复制相关app目录中的bootstrap文件。 即使我有,在我的gem文件中: gem ‘jquery-rails’ 我仍然可以看到,使用chrome检查我的网页,错误: Uncaught ReferenceError: jQuery is not defined 我的页面是公共目录中的“普通”html页面。 也许它不会“inheritance”所有资产的东西? 代码是这样的: Bootsrap Test 01 … 我还没有尝试,但我想基于JavaScript的function将无法正常工作。

jQuery和Prototype目前有什么区别?

最近几个月我一直在构建Ruby on Rails站点,我只使用了少量的内置JavaScript函数。 但是,我将在未来几周和几个月内进行更多的JavaScript开发,并且我正在讨论要使用哪个JavaScript框架。 一方面,jQuery似乎更受欢迎,但是再次将Prototype内置到Rails中。 几年前我还在网上阅读了一些文章,讨论jQuery在某些方面是如何更简洁,但在其他方面却很邋and,并提出了各种其他意见。 所以我的问题是那些使用过两者的人(最近最近) : 从纯JavaScript和Ruby on Rails角度使用Prototype和jQuery有什么区别? 它们之间是否存在显着差异,或者它们在function和代码编写方面现在彼此非常接近? 在必须重新制作的事物和必须重写的代码方面,转换成本有多高? 谢谢

REACT ERROR 不能作为的孩子出现。 见(未知)> thead> th

我正在开发一个react-rails应用程序,我在控制台中不断收到此错误: “` Warning: validateDOMNesting(…): cannot appear as a child of . See (unknown) > thead > th. 我不确定为什么这不起作用..我想使用标题(thead)表格,它适用于其他人。 我会放tbody,但我需要那个表的实际主体。 这是我这个表的代码: “` React.DOM.table className: ‘table table-bordered’ React.DOM.thead null, React.DOM.th null, ‘Description’ React.DOM.th null, ‘Actions’ React.DOM.tbody null, for post in @state.posts React.createElement Post, key: post.id, post: post, handleDeletePost: @deletePost **编辑我已经尝试在thead下添加tr标签,这会导致额外的错误增加。 这就是我将代码更改为: “` React.DOM.table className: ‘table table-bordered’ React.DOM.thead […]

Rails 4 – 如何安装“jquery-ui”?

对于使用jquery自动完成插件,我需要安装jquery-ui gem。 到目前为止,我在我的gemfile中有以下内容: gem ‘jquery-rails’ 所以我补充说: gem ‘jquery-ui-rails’ 而对于application.js我补充说: //= require jquery //= require jquery_ujs //= require jquery-ui 和application.css : *= require_self *= require jquery.ui bundle update ,重启服务器和: couldn’t find file ‘jquery.ui’ 我在应用程序中也使用turbolinks 。 为了让jquery-ui在应用程序中工作,我会错过一些gem吗? 谢谢。 编辑: gemfile中所有与jquery相关的东西: gem ‘jquery-rails’ gem ‘jquery-ui-rails’ gem ‘jquery-turbolinks’

Jquery ajax在单个ajax调用中创建多个对象(到Rails)

我想使用jquery ajax调用在rails应用程序中创建person对象。 一次调用一个对象创建就好了。 我想要的是传递一组名字并在一次旅行中创建多个对象。 有任何想法吗? 谢谢

jQuery绑定ajax:成功无法在rails 3应用程序中为新创建的(ajax)项目工作

**编辑这篇文章是因为我发现问题实际上是无法将rails绑定到ajax:success函数。 ***使用rails 3.2.3 感谢您抽出宝贵时间阅读并尝试提供帮助。 我在ajax上添加了一个简单的淡出function:正在删除的项目成功,如下所示: $(document).ready( jQuery(function($) { $(‘.delete’).bind(‘ajax:success’, function() { $(this).closest(‘div’).fadeOut(); }); })); #For some reason had to pass the $ into the function to get it to work, #not sure why this is necessary but doesn’t work unless that is done. 在此之后,我想在用户添加内容时使用不显眼的jQuery创建一个对象,并在这些对象上也有工作删除按钮。 我创建了一个在创建新项目后调用的create.js.erb文件 – 并且创建工作正常,但删除按钮无法访问ajax:success事件。 单击时它会从数据库中删除数据,但.fadeOut永远不会绑定到它,因此它不会消失。 create.js.erb如下: #$(“div”).append(html) here, then call the function […]

如何在Rails 3.1资产管道中正确使用jQuery?

我正在开发一个爱好应用程序并使用一些jQuery。 结果很好,但我是一个jQuery noob,我认为我可以对代码结构做出一些重大改进。 暂且不考虑Coffescript,我一直想知道的一件事是如何在资产管道中正确使用特定于模型的.js文件。 例如,在使用我的用户模型时,我可能会在文档准备好时运行一些我想要运行的代码。 假设我把它放在$(document).ready(function() {…}); 在Rails 3.1生成的users.js文件中。 第二天,我正在使用Pet模型,我想要在文档准备好的情况下运行代码。 我把它放在另一个$(document).ready(function() {…}); 在Rails准备的pets.js文件中。 这是我的问题出现的地方: 应用程序运行时如何编译? 我用上面的例子实例化了两个jQuery实例吗? 我应该只使用$(document).ready(function() {…}); 一旦进入应用程序或Rails将我的代码编译成一个单独的调用? 什么属于特定于模型的.js文件? 它在开发和生产模式中的执行方式是否存在差异?

AJAX rails复选框使用javascript .submit()

我正在使用Rails 3.1,我需要一个复选框来切换并保存到数据库,而不会刷新页面或重定向。 让我先说我是相当新手,如果我从错误的角度来解决这个问题请告诉我。 这是我的表格: true do |f| %> 这是我的jQuery javascript: $(‘input#book_finished’).live(“click”, function() { $(this).parent(‘form’).submit(); }); 当我通过jQuery提交时,:remote => true不起作用,但如果我输入一个提交按钮(我不能拥有)。 如何通过JS点击复选框提交?

如何使用ENTER键从textarea提交AJAX表单?

我正在开发Ruby On Rails 2.3.8应用程序,我想知道当用户在textarea中按ENTER键时如何提交remote_form_for表单。 这是表单代码: save_outside_comment_path(post_id), :html => { :method => :put} do |f| %> 1, :id => “txtOutsideComment_#{post_id}”, :class => “new-reply-text” %> 这是执行提交的jQuery函数,但不是AJAX: jQuery(‘.new-reply-text’).keypress(function(e) { if (e.keyCode == 13 && !e.shiftKey) { e.preventDefault(); this.form.submit(); } }); 我已经从我的控制器进行了页面更新,我是否不想指定任何语法,如success:来自这个jQuery函数。 我只是想让它使用AJAX提交remote_form_for 。

如何将数据从jQuery传递给控制器​​?

我有两个字段 – 结束日期和开始日期(日期范围),我应该将它们传递给控制器​​并重新加载此页面。 这是我的代码: “financial_reports”, :action => ‘index’, :method => ‘post’) do%>//maybe this line should be edited “dd/mm/yy” %> “dd/mm/yy”%> 并生成HTML(): <input id="report_end_date" name="report[end_date]" size="30" type="text" class="hasDatepicker" 我可以像这样得到datepicker值: $(‘#datepicker’).datepicker({ onSelect: function(dateText, inst) { $(“input[name=’report[start_date]’]”).val(dateText); } }); 我需要将它们传递给控制器​​并重新加载此页面,因为在此页面控制器中。 在这里,我需要通过法器价值 @financial_reports = current_user.financial_reports.where(:created_at => start_date.to_date..end_date.to_date) 或者我应该添加另一个动作或方法? 你能建议什么?