Tag: ruby on rails
Rails 4 – 当单选按钮移动到true时，jQuery隐藏/显示表单字段
我正试图弄清楚如何在我的Rails 4应用程序中使用jQuery。 我的表中有一个布尔属性。 我问一个问题，使用表单中的单选按钮得到一个真或假的答案。 如果答案是真的，我的目标是询问隐藏的问题，这些问题在表格中被选中为真。 我有这个表格问题： ‘Is an ethics review relevant?’ %> 然后在我的app / assets / javascripts / projects.js文件中，我有： jQuery(document).ready(function() { jQuery(“#project_ethics_relevance”).on(‘click’, function() { console.log(“here I am “) if (jQuery(this)[0].value) { jQuery(‘#project_ethics_relevance_content’).removeClass(‘hidden’); } else { jQuery(‘#project_ethics_relevance_content’).addClass(‘hidden’); } }); }); 我知道上面的尝试是错误的，我试图根据我可以从这篇文章收集到的内容来制作它： Rails 4forms：基于单选按钮选择的字段的条件显示 任何人都可以看到我需要做什么才能让表单取消隐藏基于单选按钮表单选择的隐藏字段？ 表单上的Chrome检查器显示： Is a research ethics review relevant?YesNo
Fullcalendar 2无法渲染，Bootstrap 3和Rails 4不兼容？ （包括Jsfiddle）
我一直在尝试在我的rails 4应用程序中渲染日历，当我使用Bootstrap 3时，日历不显示。 我用JUST fullcalendar 2和bootstrap 3文件重建了应用程序，它仍然无法渲染。 这些是注释中的2个jsfiddles（每个都有一个单独的js调用日历）。 他们都使用我试图为我的应用程序所需的文件。 我已经工作了好几天，我无法理解发生了什么。 我没有更改任何文件或做任何事情。 如你所见，我正在使用干净的cdn资产。 任何帮助将不胜感激。 请参阅评论部分中的jsfiddles。
上传后如何让swfupload返回图片url？
我面临一个非常奇怪的问题。 我使用swfupload将多个图像上传到imageshack服务器。 我还将返回的URL存储在数据库中。 我收到后如何显示从imageshack返回给用户的URL？ 上传完成后有没有办法让swfupload返回URL？ 以下是我用于上传图片的代码： $(‘#swfupload-control’).swfupload({ upload_url: “”, file_post_name: ‘photo’, post_params: {“authenticity_token” : “”}, file_size_limit : “100024”, file_types : “*.jpg;*.png;*.gif”, file_types_description : “Image files”, file_upload_limit : 5, flash_url : “/flash/swfupload.swf”, button_image_url : ‘/javascripts/swfupload/XPButtonUploadText_61x22.png’, button_width : 62, button_height : 22, button_placeholder : $(‘#button’)[0], debug: false }) .bind(‘fileQueued’, function(event, file){ var listitem=”+ ‘File: ‘+file.name+’ (‘+Math.round(file.size/1024)+’ KB) […]
选择下拉选项时，仅更改同一div内的图像
我有一个嵌套的表单，您可以在其中添加新的手镯到您的订单。 对于每个手镯，您可以选择一种颜色，然后在选择颜色的选择（下拉列表）旁边有一个带有手镯的图像。 问题是这样的：当我添加一个新的嵌套字段div（新手镯的forms）时，当我在下拉列表中选择一种颜色时，它旁边的图像不会改变。 此外，当我在第一个手镯的下拉列表中选择一种颜色时，所有手镯的图像都会更改为该颜色。 这是我正在使用的JQuery，其中.product-still-form是图像。 jQuery(function($) { $(“.bracelet-color-select”).change(function(){ $(‘.product-still-form’).attr(‘src’,$(‘.bracelet-color-select>option:selected’).attr(‘src’)); }); }); 这是我的表单（它使用Rails和Simple_Form，加上嵌套部分的Cocoon）。 Choose your QBracelet: 谢谢你的帮助！ 我知道这里有很多代码:)
Turbolinks消灭了jQuery Mobile类
当我使用Turbolinks在我的rails应用程序中加载页面时，DOM缺少jQuery Mobile通常应用的样式。 我的所有JavaScript文件都运行; 唯一的问题是我失去了JavaScript 实际工作所需的一些样式。 例如，使用Turbolinks，我的标题是： MY SITE 没有，它是： MY SITE 我已经确认我的JS文件正在与Turbolinks一起运行。 问题是预期的jQuery Mobile类不存在。 单击Turbolink时，我不确定如何确保应用这些类。 对于正确的方向或区域，我将不胜感激。 我试过用以下方式包装JavaScript： $(document).ready(function () { //functions }); 和： $(document).on(‘turbolinks:load’, function() { //functions }); 我把coffeescript包裹在同一个： ready = -> #coffee $(document).on(‘turbolinks:load’, ready) 两者似乎都适用于我正常的JS / coffeescript活动，所以这不是问题 – 它只是丢失的jQuery Mobile类。 我的application.js文件是： //= require jquery //= require jquery_ujs //= require jquery.mobile //= require js-routes //= […]
如何隐藏和显示模态的内容内容？
在我的模态中，我有一个链接。 链接编写如下： 当我点击该链接时，我希望链接显示“显示详细信息”而不是“隐藏详细信息”，并且id =“details”的div应该从视图中消失，并显示其所有子项。 再次单击链接时，链接显示“HIDE DETAILS”和div的内容，其中包含要显示的详细信息，反之亦然（切换function）。 当页面首次显示时，我希望div的详细信息及其所有内容最初都不显示，链接应显示“SHOW DETAILS”。 如何编写Javascript来执行此操作？ 它一定很简单。 这是div： media type: subject: title: full description: location: date: author: source: tags: This item is shared by
Uncaught SyntaxError：无法在’Element’上设置’innerHTML’属性：提供的标记是无效的XML
我正在尝试在我的Rails 4应用程序中添加datetimepicker。 我决定尝试这个： https ： //github.com/Eonasdan/bootstrap-datetimepicker 。 说明相对简单，但是当我加载页面时，我收到以下JS错误消息： Uncaught SyntaxError: Failed to set the ‘innerHTML’ property on ‘Element’: The provided markup is invalid XML, and therefore cannot be inserted into an XML document. 如果我暂停在JQuery.extend.buildfragment中发生这种情况的行： tmp.innerHTML = wrap[1] + elem.replace( rxhtmlTag, “” ) + wrap[2]; 我看到它正在尝试将innerHTML设置为： ‹›‹›‹› 大多数XMLvalidation器抱怨‹ 价值无效。 但是，我无法控制如何构造此字符串，因为它在jquery中是内部的。 我知道datetimepicker适用于大多数人没有任何问题，所以这在我的环境中似乎有些不对劲。
如何使facebox弹出窗口保持打开状态，并且提交后facebox内的内容会发生变化
我是jQuery总计n00b 。 在我的rails app中，这会发生什么： 我在主页上，点击此链接： Sign up 一个漂亮的facebox弹出窗口显示并呈现此视图和包含的窗体： # /app/views/invites/new ‘registration_code’, :action => ‘create’ }, :id => ‘codeForm’) do %> 我叮叮当然提交，如果代码有效，用户将被带到另一个控制器的另一个页面： def create # some stuff redirect_to :controller => ‘users’, :action => ‘type’ end 现在我想渲染那个页面INSIDE SAME弹出窗口包含表单，按下提交按钮但我没有IDEA如何做到这一点。 我尝试过FaceboxRender但是会发生这种情况： 原始版本： # /controllers/users_controller def type end 如果我改变它就像没有发生任何事情： # /controllers/users_controller def type respond_to do |format| format.html format.js { render_to_facebox […]
如何在Rails / jQuery中使用gon包含关联对象
我有一个注释，它有一定数量的属性。 它还有相关的标签。 我一直在使用gon使这个变量可用于页面的javascript文件（使@ note.attributes可用于此页面）。 我可以轻松输出音符属性，即如果我实例化： gon.note = @note.attributes 我可以输出它的内容： alert(gon.note.content) 但是，这并没有把笔记的标签通过..例如，我做不到： alert(gon.note.tags) 如果我想显示一个音符的标签怎么办，但是我想用gon.note来完成它而不是制作一个完整的其他变量gon.tags。 我怎么能这样做（也许是某种联接或包含）？ 我想这样做是因为它比较好，例如，如果你有多个音符显示。
Jquery AJAX：如何在服务器端validation失败时显示Flash错误消息？
我正在使用Jquery表单插件通过ajax提交表单。 我在我的模型中在服务器端设置了validation。 现在，当validation失败时，我想使用ajax向用户显示相同的flash [：error]消息。 如果validation成功，我可以在请求完成后显示闪存[：notice]，因为它可用。 我如何显示flash [：error]？
