Tag: jquery

在提交和重新加载页面后，我的表单复选框如何保持其状态？: 我有一个由复选框组成的表单，它在索引页面上过滤记录，如何在表单提交并重新加载页面后，如何使表单中的复选框保持其已检查状态？我已经使用jQuery-UI使复选框看起来更好。我是任何类型的编程超级新手，javascript运气不佳。 index.html.erb $(function() { $(“.areas”).buttonset(); }); $(function() { $( “button, input:submit, a”, “.filter_form_button” ).button(); $( “a”, “.form_filter_button” ).click(function() { return false; }); }); :get, :id => ‘filter_form’ do %> “area-#{a.id}” %> <label for="area-“> 任何帮助都非常感谢！

formValidation jquery插件在rails上提交一个空白的设计注册表单: 我正在为我的Devise注册表单使用formValidation查询插件。该插件来自formValidation.io 。我可以让表单注册有效或无效的条目，但它总是提交一个空白表格。由于某种原因，表单显示它已填写，但我不断收到错误，说必填字段不能为空。当我查看跟踪时，注册信息正在那里注册……但它在线路的某处丢失了。跟踪： Started POST “/users” for ::1 at 2015-05-09 20:11:21 -0700 source=rack-timeout id=b008bd12bcf5f1f2687f7e216cf42136 timeout=20000ms service=1750ms state=active Processing by Users::RegistrationsController#create as HTML Parameters: {“utf8″=>”✓”, “authenticity_token”=>”uzEtfaHhjFg5M1aRL6shfpMxA3/Wbf/CVm5R1cU+NDNjrOx2nbnlkfQ9t+SlvKTk2Lm+F1r1rkvLfauEtFKRtA==”, “firstname”=>”fred”, “lastname”=>”flintstone”, “email”=>”wilma@bedrock.com”, “pw1″=>”dino123”, “pw2″=>”dino123”, “commit”=>”Create Account”} (0.3ms) BEGIN User Exists (0.6ms) SELECT 1 AS one FROM “users” WHERE LOWER(“users”.”email”) = LOWER(”) LIMIT 1 (0.2ms) ROLLBACK […]

使用javascript_include_tag在rails 3.2.8引擎中执行ExecJS :: RuntimeError: 我们将两个轨道3.2.8引擎放在一个轨道应用程序中。问题是ExecJS不喜欢布局文件中javascript_inclide_tag的命名空间。这是导致错误的标记：这里authentify是rails引擎名称。错误是： ExecJS::RuntimeError in Authentify/sessions#new Showing C:/D/code/rails_proj/engines/authentify/app/views/layouts/sessions.html.erb where line #6 raised: (in C:/D/code/rails_proj/engines/authentify/app/assets/javascripts/authentify/sessions.js.coffee) Extracted source (around line #6): 3: 4: Login 5: 6: 7: 8: 9: 如果我们删除名称空间authentify（），则ExecJS错误消失并且rails应用程序正常工作。使用js标记的另一个rails引擎存在相同的错误。我们正在使用Windows环境。什么可能导致错误？谢谢您的帮助。更新：在engine.rb for authentify中，每个js库都列为： initializer “Authentify precompile hook”, :group => :all do |app| app.config.assets.precompile += [ ‘authentify/application.css.scss’, ‘authentify/layout.css.scss’, ‘authentify/login.css.scss’, ‘authentify/paginate.css.scss’, […]

Rails 4 – jQuery冲突和函数错误: 我正在努力弄清楚如何在我的Rails 4应用程序中解决javascript和jQuery之间的冲突。我最初的问题是依赖字段gem中的javascript和application.js中的jQuery之间的冲突。我的问题在这里： Rails – jQuery和javascript之间的冲突我找不到帮助来解决这个问题，所以我试着弄清楚如何自己编写jQuery。我尝试过的问题是： Rails 4 – jQuery最初隐藏，然后点击切换现在，我无法查看任何内容，因为当我加载页面时，我收到此错误： SyntaxError: [stdin]:1:2: reserved word ‘function’ 错误消息标识了我的节目的这一行： false %> 我尝试这种方法的步骤是从我的gem文件中删除dependent-fields gem，注释掉underscore.js并从我的app / assets / javascripts文件夹中删除underscore-min.map（并删除我的应用程序中显示的函数） .js-查看我的第一个发布链接），这是依赖字段工作所必需的。现在我无法弄清楚如何解开我的烂摊子。谁能看到我做错了什么？ UPDATE 将.js.coffee文件重命名为.js.erb似乎允许加载页面时，控制台错误显示为： projects.self-9c019ba….js?body=1:1 Uncaught TypeError: $ is not a function(anonymous function) @ projects.self-9c019ba….js?body=1:1 main.self-5888479….js?body=1:316 Uncaught TypeError: dp(…).multipleFilterMasonry is not a functionwindow.onload @ main.self-5888479….js?body=1:316 当我将文件重命名为projects.js时，我遇到了同样的问题

Rails 4 x Bootstrap 3 Datetimepicker：设计不好: 我想在我的Rails4应用程序中应用Bootstrap3 Datetimepicker 。但布局并不像这个页面那样好（在问题图像的中间）。 Rails 4 x Bootstrap 3 Datetimepicker：用datetimepicker替换默认的datetime_select 如果你能给我任何建议，我们将不胜感激。 _xxx_form.html.erb $(function () { $(‘#datetimepicker’).datetimepicker({format:’MMM-DD-YYYY’}); }); … 解决了！！！将f.label移动到之外后，布局如我所料。 … …

作为可投票的Ajax投票大小不更新Rails: 我在我的rails 4 app上使用这些行为作为可投票的gem。我终于使用ajax工作了，所以当用户投票时页面不会刷新，但是，在刷新页面之前，vote.size不会更新。这是我的控制器动作： def upvote @article = Article.find(params[:article_id]) @subarticle = @article.subarticles.find(params[:id]) session[:voting_id] = request.remote_ip voter = Session.find_or_create_by(ip: session[:voting_id]) voter.likes @subarticle respond_to do |format| format.html {redirect_to :back } format.json { render json: { count: @subarticle.get_upvotes.size } } end end 并查看： Helpful $(‘.vote’) .on(‘ajax:send’, function () { $(this).addClass(‘loading’); }) .on(‘ajax:complete’, function () { $(this).removeClass(‘loading’); }) […]

如何使用Ruby On Rails创建动态javascript？: 我正在尝试使用jQuery FullCalendar和Ruby On Rails，我有一个名为Player的模型。我想为索引模板上的每个玩家渲染一个日历。 $(‘#player1_calendar’).fullCalendar({ // put your options and callbacks here }) 在视图上呈现de calendar 我怎样才能动态地为每个玩家添加一个日历，所以我可以调用它来渲染它： …

如何为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’ […]

工作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部分已成功执行。