Tag: javascript

facebook分享按钮使用动态og标签进行测验

我有一个测验，根据用户获得的分数，会出现不同的图像，分数和描述。 我希望用户能够在他们的脸书上分享这个自定义内容和测验的url。 我最终做的是创建了一个重定向页面，其上有相应的开放图形标记。 open graph标签从我发送给它的url参数中获取它们的值。 的routes.rb get “/facebook_sharer/index/:redirect_url/:image/:title/:description”, to: “facebook_sharer#index”, :redirect_url => /.*/, :image => /.*/, :title => /.*/, :description => /.*/ facebook_sharer_controller.rb class FacebookSharerController < ApplicationController def index if params[:redirect_url] @redirect_url = params[:redirect_url] end if params[:image] @image = params[:image] end if params[:title] @title = params[:title] end if params[:description] @description = params[:description] end render layout: […]

如何为form_for创建提交全部按钮

我是Ruby on Rails的新手。 当我点击link_to “save”时，如何让我的表单同时提交。 谢谢您的回答。 这是我的视图文件的片段。 我想用一个按钮同时保存表单。 sheet_attachment_path(getsheets.sheetid,getsheets.sheetid) do |f| %> getsheets.sheetid %> getsheets.projectid %> getsheets.sheetimage %> “sheet_attachments”, :action => “cancel”, :attachmentid => params[:attachmentid] %>

Rails 4 – jQuery（最初隐藏，然后切换）与javascript冲突

我正试图弄清楚如何在我的rails 4应用程序中加入jQuery和javascript。 我正在挣扎。 我在我的gem文件中有这些gem： gem ‘sass-rails’, ‘~> 5.0’ gem ‘bootstrap-sass’, ‘~> 3.3.5.1’ gem ‘jquery-rails’ gem ‘jquery-ui-rails’ 我有很多冲突（我的最后5个问题和最近的赏金都与这些有关）。 见附件链接： http://stackoverflow.com/questions/36734854/rails-4-jquery-conflicts-with-javascript http://stackoverflow.com/questions/36832276/rails-4-jquery-conflicts-and-function-error http://stackoverflow.com/questions/36831987/rails-4-jquery-to-hide-initially-then-toggle-with-click http://stackoverflow.com/questions/36614651/rails-4-conditional-js-with-dependent-fields-rails 为了尝试解决这些问题的一个方面，我删除了依赖rails gem并尝试编写自己的函数来隐藏我的项目/表单的一部分，直到通过选中一个框来回答该表单中的问题（所以它的价值是真的）。 我目前在app / assets / javascripts文件夹中有一个projects.js文件。 它有： (function($){ $(document).ready(function() { $(“#check_project_milestones”).hide() }); })(jQuery); 虽然这个公式（第一行和最后一行是新的）确实停止了一个错误（在包括第一行和最后一行之前说“Uncaught TypeError：$不是函数（匿名函数）@ projects.self-9c019ba … .js？” ），它实际上不会隐藏id标签’check_project_milestones’中的文本。 表格有： ‘Does this research project have identifiable milestones or decision points?’, id: ‘check_project_milestones’ […]

如何基于combobox调用控制器操作？

我正在使用Ruby on Rails 3.2.2和ruby 1.9。 我有一个模型招标，其中一个属性是状态。 在索引页面上，第一次加载时，它会根据已登录的用户公司显示招标数据（它还会显示状态）。 我希望有一个combobox的filter，它将包含所有状态（Initiated，Closed，Won ..etc），所以当用户更改filter时，我想通过将状态提交给控制器来更改表​​数据这将根据状态过滤掉投标。 我怎样才能做到这一点？ 如何使用Ajax（因为唯一改变的是表数据而不是整个页面）？ 除了状态之外，我还有不同的过滤选项，例如bid_amount（也是其中一个属性）。 如何将bid_amountfilter按数据与状态组合（即，如果用户想要显示出价金额为b / n 10,000-100,000的已关闭状态）。 在控制器上编写查询时我不会有问题，但我不知道如何在视图中使用它。 由于ruby没有像Java这样的Enum，我还从模型类中的数组加载这些状态。 这是一个很好的方法吗？ 任何建议也将不胜感激。

工作jQwery代码不在条件内工作

我想设置一个元素内容，以防它是空的。 html.erb代码如下： <ol id="comments_micropost-“> 我想要设置内容的元素是 。 当微博尚未发表评论时，其内容为空。 我在create.js.erb使用javascript处理注释的创建操作：我写了两行代码，这取决于micropost.comments是否为nil或者它不是nil： 案例1：micropost还没有评论（ micropost.comments.any?是假的）： $(‘#micropost-‘).find(‘.comments-section’).html(“”); 案例2：micropost已经发表评论（ micropost.comments.any?是真的）： var comments = $(‘ol#comments_micropost-‘); comments.append(”); 两个代码在单独使用时都有效。 但是，在以下条件中与案例2一起插入时，案例1的代码不起作用： if (comments == null) { $(‘#micropost-‘).find(‘.comments-section’).html(“”); } else { comments.append(”); }; 我不明白为什么if (comments == null)代码没有被执行。 我也试过if (comments == undefined)和if (!comments)没有任何改进。 相反，条件的else部分已成功执行。

如何使用rails和javascript一个提交按钮提交两个表单

我需要允许用户在要求他们提供帐户详细信息之前键入评论并提交。 提供这些详细信息后，它们将用于创建新用户，并且他们编写的注释也会提交并属于此新用户。 目前，我根本无法弄清楚如何在两个表单上触发提交操作，将所有信息传递给服务器以执行这些任务。 基本上我想要的是： 用户撰写评论，提交 “提交”按钮显示联系信息表单 用户填写此内容，提交 提交两份表格的数据 是）我有的： _feedback.html.erb false, :input_html => { :maxlength => ‘500’, :rows => ‘4’, :placeholder => ‘…’} %> show.html.erb { :multipart => true }, defaults: { label: false, required: true }) do |f| %> { :placeholder => ‘Your Name’, :id => ‘name’} %> { :placeholder => ‘Your Email’, :id […]

除非刷新，否则日期选择器不会显示在Rails中

我把日期选择器放在Rails（v4.1.8）中。 我使用eyecon datepicker（过去禁用日期）。 http://www.eyecon.ro/bootstrap-datepicker/ Expiration 如果我被定向到此页面，则单击日期表单时日期选择器不会显示。 但是，如果我通过chrome + r在chrome中刷新页面。 日期选择器运作良好。 或者，如果我手动输入url栏中的地址并按Enter键，日期选择器也可以。 太奇怪了。 有人可以向我解释一下吗？ 另一个事实可能会有所帮助：如果我将代码保存为html而不是使用Rails。 它工作正常。 谢谢

根据其他文本字段自动填充文本字段

我试图根据另一个输入字段的值自动填充文本字段。 目前正在尝试使用observe_field助手这样做： “alert(‘Name changed!’)”, :on => ‘keyup’ ) %> { :id => ‘theform’ }) do |f| %> Account name ‘1’ %> Subdomain ‘2’ %> 当用户在account_name text_field中输入文本时，我想将该转换复制到子域（downcase并通过’ – ‘连接）并填充到子域text_field。 但是，在获取此错误的过程中： element is null var method = element.tagName.toLowerCase(); protot…9227640 (line 3588) 我到底哪里错了？ 或者有更好的方法吗？

iframe没有定义请求全屏方法

我正试图在我的网页上以全屏模式启动YouTubevideo。 由于YouTube API没有直接进行全屏调用，因此我尝试通过调用iframe本身的requestFullScreen函数来启动全屏模式的YouTubevideo，如此代码集中所示 。 在文档就绪时调用loadYoutubeAPI。 这是调用playIntroVideo（）的按钮。 a href=”javascript:void(0);” onclick=”playIntroVideo()” 这是我的iframe（由YouTube API和我的函数生成）以及生成它的函数。 function loadYoutubeAPI() { var tag = document.createElement(‘script’); tag.src = “https://www.youtube.com/iframe_api”; var firstScriptTag = document.getElementsByTagName(‘script’)[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); } function onYouTubeIframeAPIReady() { } var player; function playIntroVideo() { player = new YT.Player(‘player’, { videoId: ‘M7lc1UVf-VE’, events: { ‘onReady’: onPlayerReady } }); } function onPlayerReady(event) { $(‘#player’).attr(“allowfullscreen”, […]

HTML页面function仅在页面刷新时完全起作用，但不能通过任何链接完成

我的一个RoR应用程序页面有一个有趣的问题，有点难以解释。 基本上，我有一个页面vendor.html.erb ，允许用户输入供应商的数据，包括根据所选国家和州显示的下拉列表选择他们的位置（国家，州，市）。 当我刷新网页时，这似乎工作得很好但是当我通过导航栏（_header.html.erb）访问页面时，下拉列表无法显示。 通过链接访问页面时，输入占位符也无法显示。 以下是我的/app/views/static_pages/vendor.html.erb .hidden { display: none; } var data = { countries: [{ name: ‘China’, childs: [{ name: ‘Beijing’, childs: [{name: ‘Beijing’}, {name: ‘Dongcheng’}] }, { name: ‘Tianjin’, childs: [{name: ‘Guangzhou’}, {name: ‘Shanghai’}] }] }, { name: ‘India’, childs: [{ name: ‘Uttar’, childs: [{name: ‘Kanpur’}, {name: ‘Ghaziabad’}] }, { name: ‘Maharashtra’, […]