Fatal编程技术网
  • ruby-on-rails/
  • Ruby on rails 表单提交在Rails 3应用程序中停止工作，包括引导

Ruby on rails 表单提交在Rails 3应用程序中停止工作，包括引导

ruby-on-rails twitter-bootstrap

Ruby on rails 表单提交在Rails 3应用程序中停止工作，包括引导,ruby-on-rails,twitter-bootstrap,simple-form,form-for,Ruby On Rails,Twitter Bootstrap,Simple Form,Form For,我在Rails 3应用程序中有一个简单的_表单，如果我不包含引导，它可以正常工作，但是当我添加引导时，submit按钮似乎什么都不做。单击Firebug控制台时，它显示的唯一内容是： Empty string passed to getElementById(). elem = document.getElementById( match[2] ); 我的联系人看起来像： <div class="slide" id="contact" data-slide="6" data-stella

我在Rails 3应用程序中有一个简单的_表单，如果我不包含引导，它可以正常工作，但是当我添加引导时，submit按钮似乎什么都不做。单击Firebug控制台时，它显示的唯一内容是：

Empty string passed to getElementById().
elem = document.getElementById( match[2] );
我的联系人看起来像：

<div class="slide" id="contact" data-slide="6" data-stellar-background-ratio="0.5">
      <div id="contactText">
         <div id="contactHeader">
            Contact Us
         </div>
      <%= simple_form_for @message, :url => contact_path, :html => {:class => "form-horizontal"} do |form| %>
         <%= form.input :name %>
         <%= form.input :email %>
         <%= form.input :subject %>
         <%= form.input :body, as: 'text'%>
         <%= form.button :submit, :class => "btn-primary", :value => "Send Message" %>
      <% end %>
      </div> <!-- end contactText --> 
</div> <!--end contact-->


联系我们
联系人路径：html=>{:class=>“表单水平”}do |表单|%>
“btn主节点”，：值=>“发送消息”%>
我的布局如下：

<!DOCTYPE html>
<html>
<head>
   <title>Test App</title>

   <%= stylesheet_link_tag    "application", :media => "all" %>    
   <%= stylesheet_link_tag "http://fonts.googleapis.com/css?family=Oxygen", :rel => "stylesheet", :type => "text/css" %>
   <%= stylesheet_link_tag    "custom.css", :media => "all" %>
   <%= javascript_include_tag "application" %>
   <%= javascript_include_tag "my.js" %> 
   <%= javascript_include_tag "jquery.stellar.min.js" %>
   <%= javascript_include_tag "waypoints.min.js" %>
   <%= javascript_include_tag "jquery.easing.1.3.js" %>
   <%= csrf_meta_tags %>
</head>
<body>
   <%= yield %>
</body>
</html>


测试应用程序
“全部”%>
“样式表”，：type=>“text/css”%>
“全部”%>
似乎是引导导致了这个问题，因为我取出了
，用jquery和引导CDN替换了它，并得到了相同的结果，但当我移除引导时，它会按预期工作

在使用simple_form之前，我在form_中遇到了相同的问题。我还相信我遵循了引导程序的指示，采用了简单的形式

如果有其他文件可能有助于澄清问题，请让我知道，我将很乐意发布它们

我错过了一些简单的东西吗

谢谢

更改
“btn主节点”，：value=>“发送消息”%>
至

“btn主要”%>

同时移除这些

<%= javascript_include_tag "my.js" %> 
<%= javascript_include_tag "jquery.stellar.min.js" %>
<%= javascript_include_tag "waypoints.min.js" %>
<%= javascript_include_tag "jquery.easing.1.3.js" %>`
引导应该在包含Jquery之后出现。您可能希望使用gem在应用程序中包含引导。如果您想从CDN使用它，请确保在调用bootstrap的任何函数之前已加载bootstrap.js

我做了上述建议的更改，但仍有相同的行为。如果我删除引导，联系人表单将按预期工作。您是否有其他可能导致问题的建议。另外一点是，我在应用程序中使用rails_admin。这会有冲突吗？谢谢 
//= require jquery
//= require jquery_ujs
//= require "my.js"
//= require "jquery.stellar.min.js"
//= require "waypoints.min.js"
//= require "jquery.easing.1.3.js"