Tag: jquery

选择的文件不会出现在我的资产中 – 在rails中选择了jquery

我正在尝试使用chosen rails来进行下拉选择。 我正在按照rails casts的确切步骤将其集成到rails。 我正在使用chosen-rails gem。 出于某种原因，下拉宽度通过内联css自动设置为零。 这是通过inspect元素生成的代码。 s3 <div class="chosen-drop"s1 s2 s3 s4 s5 s6 现在我想更改该宽度，以便我可以正确地看到下拉选项。 但是chosen.css chosen.min.css中的文件chosen.css我的资产中。 我该怎么做呢 请帮忙。

rails 3.2.8的可搜索下拉列表？

在新的订单表单中，用户需要从包含数十个客户的下拉列表中选择客户，并且难以通过向上和向下滚动来查找和选择。 这就是为什么我们要构建一个可搜索的drop down list 。 当用户输入客户姓名的几个字母时，下拉列表会过滤掉所有其他字母，并且只留下包含刚才输入的字母的客户名称。我们使用的是simple_form和rails 3.2.8 。 我们可以做的一种方法是添加一个用于输入搜索字符串的text box ，并调用ajax以相应地加载下拉列表。 这需要额外的文本字段，这是多余的。 用户可以直接在下拉框中输入任何解决方案，列表会相应地过滤掉吗？ 谢谢。

Javascript：在javascript代码中使用模型中的方法

我正在尝试在资产上设置用户，我max_users的问题是不确定如何将我的max_users方法从asset.rb给我的JS代码。 我试图使用带有Cocoon gem的max_users方法让“Add Another”按钮在达到该资产允许的指定max_users时消失。 硬件将始终设置为max_user为1，而软件永远不会有max_user值。 Max_users和profile_type一样工作。 JS工作原样，但不是总是停在1，我需要让它在max_users中注册值，并将show / hide作为基础。 任何帮助都感激不尽。 并提前谢谢你。 JS： $ -> check_to_hide_add_link = -> if $(“#assets_users .nested-fields”).length is 1 $(“#assets_users .links a”).hide() else $(“#assets_users .links a”).show() $(“#assets_users”).bind “cocoon:after-insert”, -> check_to_hide_add_link() $(“#assets_users”).bind “cocoon:after-remove”, -> check_to_hide_add_link() check_to_hide_add_link() Asset.show： – if @asset.users.empty? = simple_form_for([@asset_profile, @asset]) do |f| = f.input :max_users, as: :hidden #assets_users = f.simple_fields_for […]

Activeadmin阻止我的jQuery工作

我正在使用jquery拖放我的应用程序，它工作正常。 然后我添加了activeadmin，它停止了我的jquery工作。 我收到这个错误 $(“.draggable_article_image”).draggable is not a function 如果我从active_admin.js中删除此行 //= require active_admin/base 它又开始工作了。 有任何想法吗？

Rails ajax请求只加载视图html

我正在尝试使用rails和jQuery创建一个支持AJAX的网页。 我遇到的问题是，当我尝试使用jQuery的AJAX方法将视图加载到div中时，我将使用视图返回我的应用程序布局。 有没有办法只检索视图数据，如果它是一个AJAX请求，但加载我的应用程序布局，如果它不是一个AJAX请求？ 这是我调用的控制器方法： def new @blog = Blog.new respond_to do |format| format.html # Goes to the new.html.erb view. format.xml { render :xml => @blog } end end 谢谢您的帮助。

Rails 4：使用Cocoon Gem将child_index添加到动态添加（嵌套）表单字段

更新：我正在尝试将表单字段添加/删除到涉及多个模型的嵌套表单。 我已经看过Ryan Bates的“动态表格”轨道广播，我已经使用Cocoon Gem参考了这篇文章 。 在该文章之后，除了child_index之外，一切都完美无缺。 child_index仅出现在第一个:kid输入字段（ :name ）和第一个:pet输入字段（ :name和:age ）上。 然后它返回到正在添加的字段的真实性标记。 我已经删除了所有的JS和帮助器方法，而是使用了一些内置JS的Cocoon方法。 我修复了问题，单击“添加”将通过从application.html.erb文件中删除= javascript_include_tag :cocoon来添加两个字段而不是一个。 我试过添加jQuery和表单助手，但我不确定我是否正确输入了代码。 （我更改了模型对象以使关系更清晰） parent.rb文件： class Parent < ActiveRecord::Base has_many :kids has_many :pets, through: :kids # <<<<<< ADDED KIDS USING 'through:' kid.rb文件： class Kid < ActiveRecord::Base belongs_to :parent has_many :pets accepts_nested_attributes_for :pets, reject_if: :all_blank, allow_destroy: true validates :name, presence: true pet.rb文件： […]

在RAILS 4中通过Ajax提交表单后，如何更新视图模板？

我试图在轨道中围绕ajax表单并在我的表单上使用Remote => True。 现在这个工作，当我点击添加新主题。 以下将发生 1.form partial将被附加到正文（这里面有表格）2.Bootstrap Modal将在里面显示表格3.一旦我点击提交，模态将消失，数据将被存储（成功） 我的问题是原始的Index.html.erb视图现在是陈旧的，因为数据插入到我的数据库中，视图仍然显示旧数据。 一旦表单通过ajax成功提交后，如何触发我的视图更新？ 谢谢！！ 我的subject.rb控制器 def new @subject = Subject.new({:name => “Default”}) @subject_count= Subject.count + 1 end def create @subject = Subject.new(subject_params) if @subject.save flash[:toastr] = [“success”,’Subject #{@subject.name} successfully created’] respond_to do |format| format.html {redirect_to(:action => “index”)} format.js end else @subject_count= Subject.count+1 render(‘new’) end end 这是我的索引视图 <tr class="”> […]

刷新后退按钮上的所有信息按：Ruby on Rails

我的RoR网站使用fullcalendar gem实现日历。 每个用户都有一个日历，显示他或她正在参加的事件。 以下方案为我的问题设定了阶段： 用户Alice在她的日历上单击一个事件，该事件将导致事件的show页面。 Alice单击事件show page上的“无人参与事件”按钮 Alice单击后退按钮。 她无人看管的事件仍然列在她的日历上。 如何让浏览器刷新Alice的事件信息，以便在按下后退按钮时仅显示她当前正在参加的事件？ 我已经搜索了Stack Overflow并没有找到可行的解决方案。 如此处所示的缓存清除如何防止Rails中的浏览器页面缓存不起作用。 我甚至不确定这是一个缓存问题。 也许有一些javascript会强制重新加载信息？ 任何解决方案都非常感谢。 谢谢！ 回应@ElliottRoche： 在视图中单击“出席”按钮，触发出席操作： true, :id => “attend” %> 参加活动会从与会者列表中添加/删除与会者，如下所示： def attend @event = Event.find(params[:id]) @attendee = User.find(session[:user_id]) if @event.users.exclude?(@attendee) @event.users << @attendee @event.save else @event.users.delete(@attendee) end @attendees = @event.users respond_to do |format| format.js format.html { } format.json { } […]

Twitter bootstrap datetime-picker在模态中没有正确显示

我一直在使用twitter bootstrap datetime-picker和ruby on rails来显示日历，我也在一个模态中使用它，但它显示为部分，因为我试图在屏幕的底部显示 HTML JS $(document).ready(function(){ $(‘#datetimePicker’).datetimepicker(); }); 我也用过这个额外的CSS .bootstrap-datetimepicker-widget { z-index:99999 !important; }

如何使用jquery无法正常工作来限制嵌套表单字段

我正在关注嵌套表单字段中的Ryan Bates剧集，并添加了第2部分末尾建议的jquery。一切正常（我可以添加字段和删除字段）。 我现在想限制您可以在表单中添加的字段数。 在我的application.js我有 function add_fields(link, association, content) { var new_id = new Date().getTime(); var regexp = new RegExp(“new_” + association, “g”) $(link).parent().before(content.replace(regexp, new_id)); } 正如莱恩贝茨写的那样。 阅读另一篇文章我改变了现在的行： function add_fields(link, association, content) { if($(“.fields input”).length < 5) { var new_id = new Date().getTime(); var regexp = new RegExp("new_" + association, "g") $(link).parent().before(content.replace(regexp, new_id)); } } 然而，这不起作用，我在这里做错了什么。 […]