Tag: ruby on rails

使用Ruby on Rails的范围滑块

使用Ruby on Rails.My代码滑块如下： 这给我滑块如下： 但我想要范围滑块如下所示： 它有两个滑块，并用#(‘something’).slider给出两个值.slip jquery方法#(‘something’).slider在ruby中应该是我的代码，以显示第二个图像中显示的滑块。

在每个turbolinks页面中使用jQuery的委托事件on（）：load

我在rails应用程序中有这个代码： $(document).ready( function() { myCustomFunction(“#link-selector”); } function myCustomFunction(linkCssSelector){ // some stuff… $(document).on(‘click’, linkCssSelector, function(){ // …some other stuff… }); } click事件处理已经委托给文档 ，但现在我必须将Turbolinks添加到我的应用程序中。 然后，我将采用ready()函数并执行以下操作（基于我的搜索）： $(document).on(“ready page:load”, function() { myCustomFunction(“#link-selector”); } 但是一些引用告诉我不要在页面加载中添加绑定，因为它会在每次turbolinks加载某些东西时创建另一个绑定。 那是非常合理的。 但是，就我而言，我已经将click事件委托给myCustomFuntion document 。 问题是：每次页面加载时都可以on()函数on()运行此事件委托吗？ Obs ：问题也可以改写：在很多页面加载之后，这段代码长期会造成麻烦吗？ Obs 2：我无法从myCustomFunction获取click事件处理，因为它取决于之前完成的计算。

星级评分系统仅更新列表中的第一项

我使用本教程实施了星级评分系统 http://eighty-b.tumblr.com/post/1569674815/creating-an-ajaxified-star-rating-system-in-rails-3 一切都在SHOW PAGE中工作 ，但是在INDEX PAGE中 ，由于某些原因，Javascript只更新了INDEX PAGE中的第一本书。 当我点击其他书评时，它仍然只更新第一本书。 我觉得奇怪的另一件事是，当我没有使用CSS隐藏单选按钮并用星号替换时，代码只能在索引页面中工作。 新的铁路请帮助:) JAVASCRIPT rating_ballot.js ### Sets up the stars to match the data when the page is loaded. $(function () { $(‘form.rating_ballot’).each(function() { var $form = $(this), checkedInput = $form.find(‘input:checked’); checkedInput.prevAll().andSelf().addClass(‘bright’); }); }); $(document).ready(function() { ### Makes stars glow on hover. $(‘form.rating_ballot > label’).hover( function() { […]

如何在上传图片后重新加载页面

我在sidekiq中使用了gem’jquery-fileupload-rails’和’carrierwave_backgrounder’gem。 如何在下载完成后添加重新加载页面？ 问题是下载是在后台并且页面立即重新加载，而不是在加载图像时 fileupload.js $(function () { $(‘#new_photo’).fileupload({ acceptFileTypes: ‘/(\.|\/)(gif|jpe?g|png)$/i’, dataType: ‘html’, add: function (e, data) { data.context = $(‘#loading’).css({display:”block”}).appendTo(‘#photos’); data.submit(); }, done: function (e, data) { data.context.text(‘Upload finished.’); location.reload(); } }); }); image_upload.html.erb ‘btn btn-success’ %> Loading :delete, :class => ‘btn’ %>

为什么这个ajax请求会用新提交的评论替换我的所有评论？

所以我有这个表单在提交评论时请求JS调用： true) do |f| %> @video.comment_titles, :label => “Comment Title:”, :include_blank => false %> false, :placeholder => “Post a comment.” %> “Post” %> 它在注释控制器中调用此create动作： def create @comment = @video.comments.new(params[:comment].merge({:user_id => current_user.id})) if @comment.save respond_to do |format| format.html { redirect_to :back } format.js end else respond_to do |format| format.html { redirect_to :back, :alert => “Unable to […]

Jquery FullCalendar-根据ruby app中的even_type更改事件颜色

我在我的ruby应用程序中使用来自http://arshaw.com/fullcalendar的 Jquery完整日历。 我想为4种不同类型的活动展示不同的颜色，例如（假期，学校，工作，娱乐），这些活动在我的事件表中保存为type_of_event 现在我只使用start_at和end_at使用下面的代码获取事件： scope :before, lambda {|end_time| {:conditions => [“ends_at [“starts_at > ?”, Event.format_date(start_time)] }} # need to override the json view to return what full_calendar is expecting. # http://arshaw.com/fullcalendar/docs/event_data/Event_Object/ def as_json(options = {}) { :id => self.id, :title => self.title, :description => self.description || “”, :start => starts_at.rfc822, :end => ends_at.rfc822, :allDay => […]

Ajax发布表单ruby on rails

实际上，我可以将我的变量传递给我的js.erb，让我们说 我有1个方法创建，在我的application.js的控制器中，我有我的Ajaxpost然后我有我的create.js.erb 在我的创建表单中，我有2个hidden_​​field_tag在我的create.js.erb中，这是ajax成功发布的地方并执行操作，但是如何访问hidden_​​field数据以执行我的逻辑以在成功时执行某些操作？ 这是因为，当js成功时，我得到了两个不同的动作来确定我应该处理哪个动作。 js.erb究竟是如何运作的？ 此外，当我在application.js中提醒表单数据时，虽然js工作正常，但它并没有出现警报。 任何的想法？ $(document).ready(function() { $(“#new_answer”).submit(function() { $.post(this.action, $(this).serialize(), null, “script”); alert(“you are submitting” + $(this).serialize()); //it dint work but it did post return false; }) })

Javascript无法在rails中的bootstrap模板中运行

我创建了一个新的rails应用程序并安装了所有必需的gem。 添加了所有文件。 更新了application.js文件。 一切正常但由于某种原因所有与javascript相关的东西都不起作用。 我正在使用这个模板： https://startbootstrap.com/template-overviews/creative/ 我也使用部分导航栏。 我错过了什么？ 如果您需要更多信息，请告诉我们！ app / assets / javascripts / application.js // This is a manifest file that’ll be compiled into application.js, which will include all the files // listed below. // // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts, // or any plugin’s vendor/assets/javascripts directory can be referenced […]

如果从锚链接重定向，Rails将不会重新加载本地javascript

我有来自FoosController 如果我输入localhost：3000 / foos，那么将加载jquery onready函数。 但是，如果我单击或link_to ，则不会加载jquery onready函数。 我的配置有问题吗？ 或者这是预期的结果。

jQuery或Javascript到autoformat手机掩码

我有一个Rails应用程序，我正在将text_field录制为string ，这是一个电话号码，我想在下面的掩码中自动格式化xxx-xxx-xxxx 我正在搜索Stack Overflow并发现这个自动格式电话号码在jquery但是OP正在寻找格式化xxx-xxx-xxx的掩码，我需要弄清楚如何做xxx-xxx-xxxx的掩码xxx-xxx-xxxx 我从这个答案中借了一个剪辑它确实有效，但再次格式化为xxx-xxx-xxxx $(function(){ $(‘#call_caller_phone’).keyup(function() { this.value = this.value.replace(/(\d{3})\-?/g,’$1-‘); }); }); 任何人都可以帮我格式化xxx-xxx-xxxx面具吗？