在模态中取消激活链接,直到单击模态触发事件

时间:2015-02-17 18:34:54

标签: javascript jquery twitter-bootstrap ruby-on-rails-3.2

我在类似或部分主题上看过很多,但似乎没有任何具体的内容。

我有一个带有模式的rails应用程序,用于用户点击"登录/注册"按钮。模态整个身体是通过Facebook注册的链接。当在主页(或任何页面上,因为这是在标题中设置)时,模态在页面下方处于休眠状态。但是,链接仍然在模态体中处于活动状态,如果我在主页中单击它会登录到Facebook。

我绑了一个" hide-modal" id到link_to标记在正文和"登录"标记为"登录/注册"按钮并尝试了各种不同的方式。

以下是我的模态函数的代码:

<!-- Button trigger modal -->
<button type="button" class="btn btn-default pull-right" data-toggle="modal" data-target="#myModal" id="sign-in">
  Sign in, yo.
</button>

<!-- Modal -->
<%= link_to user_omniauth_authorize_path(:facebook), :id => "modal-hide" do %>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body center">
         <%= image_tag 'KfSignIn.png' %>
      </div>
      <% end %>

      <div class="modal-footer">
        <%= link_to "login", login_path %> | 
        <%= link_to "register", register_path %>
        <%= "with email" %>
      </div>
    </div>
  </div>
</div>`

0 个答案:

没有答案