Question

我的页面包含3个按钮New，Login，SignUp，当我点击New时，我正在获得带有两个选项卡的表单，包括New，Login和SignUp Buttons。但是，当我点击登录按钮时，我想要单独登录选项卡和页面。当我单击SignUp按钮时，单独使用SignUp选项卡和页面。希望，有些人肯定会帮助我...我对这个全新...... 这是我的代码...... 提前致谢

这是我的代码......

新网页代码：

登录

注册

登录

注册

<%= f.label :content %><br />





<%= f.text_field :content %>

<%= f.label :user_id %><br />




<%= f.number_field :user_id %>

<%= f.submit %>

- ＆gt;

<div class="modal-footer">




    <button type="submit" class="btn btn-primary" >Save changes</button>




    <button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>




</div>

索引代码：

New Micropost

登录

注册

Answer 1

到目前为止，我认为你需要做到如下：

# index.html    
<%= form_for(MicroPost.new) do |f| %>
  <ul class="nav nav-tabs">
    <li><a href="#new" data-toggle="tab">Login</a></li>
    <li><a href="#new1" data-toggle="tab">SignUp</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="new">Login</div>
    <div class="tab-pane " id="new1">SignUp</div>
    <div class="field"> 
      <%= f.label :content %><br /> 
      <%= f.text_field :content %>
    </div> 
    <div class="field"> 
      <%= f.label :user_id %><br /> 
      <%= f.number_field :user_id %>
    </div> 
    <div class="modal-footer">
      <button type="submit" class="btn btn-primary" >Save changes</button>
      <button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
    </div>
  </div>
<% end %>

这对我有用。希望这会有所帮助。

如何在按钮单击时获取单个选项卡而不是多个选项卡

1 个答案: