Tag: ruby on rails
使用history.js在iframe中的后退按钮
我在RoR做一个项目。 该项目位于iFrame中。 在那个iframe有前进和后退按钮。 当我单击向后按钮时，iframe内容应该返回但不是整个浏览器页面。 我正在使用“ histroy.js ”插件。 但我不知道如何使用它。 我的代码是这样的： $(‘#back-btn’).on(‘click’, function () { History.back(); }); $(‘#forward-btn’).on(‘click’, function () { History.forward(); }); $(“a”).click(function () { n = 1; q = n++; var s = $(this).attr(“href”); var o = ‘History.pushState({state:’ + q + ‘,rand:Math.random()}, “State 1″, \”‘ + s + ‘\”);’ $(“#z”).empty().append(‘sds’); $(“#z button”).click(); //this is for […]
Rails 3.1 link_to remote => true呈现HTML而不是JS，相同的代码在某些情况下有效
这是我在rails 3.1中的代码 “bycategory”, :id => ‘All’, :remote => true %> 我已经定义了一个js.erb。 这段代码完全正常，即在放入具有特定CSS的表时调用JS。 当我只是更改表id或放入无序列表或其他任何地方时，它会给我模板错误，因为它查找html.erb。 打败我:(。 我发现的一件事是，在除了id和遥控器之外的第一种情况下的Params中，它还发送时间戳。在第二种情况下，时间戳丢失。 不知道为什么会这样。任何帮助将不胜感激，花了太多时间调试这个
Rails视图中的Javascript问题
在我的Rails视图模板中，我使用了一些jQuery来实现选项卡式面板function： … content ommitted $(document).ready(function () { $(‘.accordion-tabs-minimal’).each(function(index) { $(this).children(‘li’).first().children(‘a’).addClass(‘is-active’).next().addClass(‘is-open’).show(); }); $(‘.accordion-tabs-minimal’).on(‘click’, ‘li > a’, function(event) { if (!$(this).hasClass(‘is-active’)) { event.preventDefault(); var accordionTabs = $(this).closest(‘.accordion-tabs-minimal’) accordionTabs.find(‘.is-open’).removeClass(‘is-open’).hide(); $(this).next().toggleClass(‘is-open’).toggle(); accordionTabs.find(‘.is-active’).removeClass(‘is-active’); $(this).addClass(‘is-active’); } else { event.preventDefault(); } }); }); 因为我也在其他View模板中使用这个脚本，并且我想更好地组织我的Javascript，我在app / assets / javascripts下创建了一个Javascript文件（tabbed_panels.js）并将上面的脚本移到了tabbed_panels.js文件。 但是现在我的页面上的面板在第一次加载页面时没有内容。 只有刷新页面时，面板才会加载内容。 有人知道发生了什么以及如何解决这个问题，所以我的标签面板在第一页加载时有内容吗？ 谢谢你的帮助， 安东尼
如何使用AJAX获取每个选项卡的内容？ Rails4，Bootstrap3
我在“事件”页面视图中有4个选项卡部分。 我有它工作，当请求事件页面时，获取并呈现每个选项卡的所有内容。 对于可扩展性而言，这似乎不是一个好的解决方案…… 单击选项卡时，如何使用AJAX获取每个选项卡的内容？ （第一次这样做……理论上看起来很简单，但却没能让它运转起来） 我尝试将remote: true添加到选项卡链接，但是对于页内引用不能很好 – 它使得相同的获取请求Events#Show所有选项卡，这使得难以确定请求哪个选项卡内容。 如果我将选项卡href更改为各自的控制器链接，则会中断引导选项卡切换。 我无论如何都在失去。 每个选项卡的内容都分为不同的控制器，因此可以获取单个内容。 对于选项卡＃2，我需要获取其中nav-pill处于活动状态的内容。 如果我在Tab＃2上，我想将其内容从Overview切换到Details，然后使用nav-pills按钮链接返回。 使用Rails 4 w / bootstrap 3，haml，coffeescript。 事件/ show.html.haml / Nav tabs %ul.nav.nav-tabs.color %li.active =link_to “Tab1”, “#tab1”, html_options = { “data-toggle” => “tab” } %li =link_to “Tab2”, “#tab2”, html_options = { “data-toggle” => “tab” } %li =link_to “Tab3”, “#tab3”, html_options = { […]
将新表单添加到DOM时，client_side_validations（3.1.0）无法正常工作
我正在使用Rails 3.1.0rc4和client_side_validations 3.1.0。 只要表单在主请求中呈现，一切都可以正常工作。 但是，如果表单本身通过javascript添加到页面，则提交表单会导致服务器端validation。 我怀疑问题是，当表单通过javascript添加到页面时，我需要以某种方式“绑定”客户端validationfunction。 例如，假设我有一个简单的表单，您可以在其中发布新的职位列表： #jobs/new.html.erb true do |f| %> ‘common/form_errors’, :locals => {:record => @job} %> 以及我模型中的以下validation： class Job < ActiveRecord::Base validates_presence_of :title, :description end 如果我通过访问浏览器中的new_job_path来访问此表单，我的客户端validation效果很好。 但是，如果我将此表单插入另一个页面（例如jobs_path索引页面），如下所示： #jobs/index.html.erb true %> 和： #jobs/new.js.erb $(‘#form-job-new’).append(” ‘jobs/new.html.erb’) %>”); 然后在提交表单时，validation将应用于服务器端。 知道我错过了什么吗？
带有rails 3.2的github预览function
我正在使用twitter bootstrap tabbable： http://twitter.github.com/bootstrap/components.html#tab3 我想知道，当用户在github上打开新问题并按下预览选项卡时，如何复制预览效果 。 我希望在发布此项目之前预览实际项目。 你可以看到例如： https://github.com/samwillis/pagedown-bootstrap/issues/new 您可以单击预览并预览问题。 我想如果存在一些插件或库来使用jquery制作这个function，或者为此目的存在一些gem，因为github是用rails上的ruby制作的。 非常感谢你！
Rails中的JQuery在从另一个页面链接后失败，适用于页面加载
我在我的主页上有一个引用旋转器。 当我直接从浏览器加载页面（在浏览器中键入地址并按Enter键）它工作正常..但是，如果我点击链接到我的网站中的另一个页面，然后链接回到它停止工作。 更具体地说，引号开始重叠，几乎就好像该方法的两个实例正在运行一样。 我认为这可能是javascript如何加载的问题。 由于我在网站的另一个页面上有一个标签脚本，它会加载正常，但如果我链接并返回页面它不再有效… 在控制台中没有收到任何错误。 我在Ubuntu 12上运行Rails 4，Ruby 2.0.0，Foundation，并使用WebBrick进行测试。 Gemfile发布在下面： source ‘https://rubygems.org’ # Bundle edge Rails instead: gem ‘rails’, github: ‘rails/rails’ gem ‘rails’, ‘4.0.0’ # Use mysql as the database for Active Record gem ‘mysql2’ # Use SCSS for stylesheets gem ‘sass-rails’, ‘~> 4.0.0’ # Use Uglifier as compressor for JavaScript assets gem ‘uglifier’, […]
仅在Firefox中的JQuery AJAXexception：“节点无法插入层次结构中的指定点”（HierarchyRequestError）
非常奇怪的问题：我有一个两部分的下拉列表，选择一个州将添加第二个下拉列表，为您提供该州的MSA区域列表。 这是通过对控制器的JQuery Get请求来完成的，该控制器返回Select下拉列表中的区域列表，例如 jQuery(function($) { // when the #area_state field changes $(“#area_state”).change( function() { // make a call and replace the content var state = $(‘select#area_state :selected’).val(); if(state == “”) state=”0″; jQuery.get( ‘/getmsas/’ + state, function(data){ $(“#msas”).html(data); } ) return false; } ); }) 注 – 此代码改编自此处的教程： http ： //www.petermac.com/rails-3-jquery-and-multi-select-dependencies/ 这在Chrome和IE中运行良好，但在Firefox（13.0.1）中它不起作用，产生两个错误： Error: junk after document […]
机架投掷EOFError（坏内容正文）
我们使用Ruby 2.1.2，Rails 3.2.19和JQuery 1.11，资源管道没有被使用（所以不使用JQuery-ujs，但显式使用了相关的rails.js）。 对于大多数用户来说，JQuery和其他相关的常见插件都是从Google CDN中提取的（包括jquery.form 3.50）。 受影响的Web服务器是Ubuntu 14.04，Nginx 1.6和Passenger 4.x. 对于我们生产服务器上大约10％的用户（负载似乎无关紧要），我们正在获得这样的堆栈转储，主要用于一个URL，但还有其他一些： /gems/rack-1.4.5/lib/rack/multipart/parser.rb:74 in “block in fast_forward_to_first_boundary” /gems/rack-1.4.5/lib/rack/multipart/parser.rb:72 in “loop” /gems/rack-1.4.5/lib/rack/multipart/parser.rb:72 in “fast_forward_to_first_boundary” /gems/rack-1.4.5/lib/rack/multipart/parser.rb:15 in “parse” /gems/rack-1.4.5/lib/rack/multipart.rb:25 in “parse_multipart” /gems/rack-1.4.5/lib/rack/request.rb:336 in “parse_multipart” /gems/rack-1.4.5/lib/rack/request.rb:201 in “POST” /gems/actionpack-3.2.19/lib/action_dispatch/http/request.rb:237 in “POST” /gems/actionpack-3.2.19/lib/action_dispatch/http/parameters.rb:10 in “parameters” /gems/actionpack-3.2.19/lib/action_dispatch/http/filter_parameters.rb:31 in “filtered_parameters” /gems/newrelic_rpm-3.9.3.241/lib/new_relic/agent/instrumentation/rails3/action_controller.rb:31 in “process_action” /gems/actionpack-3.2.19/lib/abstract_controller/base.rb:121 in “process” /gems/actionpack-3.2.19/lib/abstract_controller/rendering.rb:45 in “process” /gems/actionpack-3.2.19/lib/action_controller/metal.rb:203 in […]
为什么jQuery没有加载到我的Rails 3.2.3应用程序中？
直到昨天，jQuery在我的Rails应用程序中加载得很好。 我正在玩安装debugger / ruby-debug gem。 您可能已经意识到Rails 3中的调试器gem存在问题，但我没有成功安装依赖项，因此我从Gemfile中删除了gem。 从那时起加载我的网站jQuery没有加载。 这些是我在控制台中看到的消息： assets/jquery_ujs.js?body=1:377Uncaught ReferenceError: jQuery is not defined bootstrap-transition.js:24Uncaught TypeError: undefined is not a function bootstrap.js:3Uncaught ReferenceError: jQuery is not defined welcome:210Uncaught ReferenceError: $ is not defined 这是我的application.js文件： //= require jquery //= require jquery_ujs //= require twitter/bootstrap //= require_tree . 如果我在layouts / application.html.erb中显式加载jQuery，就像这样，它可以工作： 有什么想法我可以做什么来解决这个并再次加载jQuery？ 查看.rvm / gems / […]
