リンクに対する :delete メソッドの奇妙な動作に問題があります。ドロップダウン ボックスにリンクされているデバイスの sign_out ルートを構成しました。そのリンクをクリックすると、ルート エラー ([GET] "/users/sign_out" に一致するルートがありません) が発生します。
奇妙なことに、そのリンクをナビゲーション バーの別の位置にコピーすると、完全に機能します。
RoR navbar コードは次のとおりです。
<div class="container nav-collapse">
<ul class="nav">
<li class="active">
<%= link_to t('activeview.navigation.home'), home_index_path %>
</li>
<li>
<%= link_to t('activeview.navigation.sign_in'), new_user_session_path %>
</li>
<li>
<%= link_to t('activeview.navigation.sign_up'), new_user_registration_path %>
</li>
<li><%= link_to t('activeview.navigation.sign_out'), destroy_user_session_path, :method => :delete %></li>
<li class="dropdown">
<% if user_signed_in? %>
<%= link_to (current_user.email + ' <span class="caret"></span>').html_safe, '#', {
:class => 'dropdown-toggle',
'data-toggle' => 'dropdown' } %>
<ul class="dropdown-menu">
<li><%= link_to t('activeview.navigation.settings'), edit_user_registration_path(current_user) %></li>
<li class="divider"></li>
<li><%= link_to t('activeview.navigation.sign_out'), destroy_user_session_path, :method => :delete %></li>
<% else %>
<%= link_to (t('activeview.navigation.not_connected') + ' <span class="caret"></span>').html_safe, '#', {
:class => 'dropdown-toggle',
'data-toggle' => 'dropdown' } %>
<% end %>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
私のapplication.jsは次のようになります。
//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
//= require_tree .
以下は私のナビゲーションバーです。その場合、sign_out_1 は完全に機能しますが、sign_out_2 は DELETE ではなく GET メソッドを使用します。
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Brand</a>
<div class="container nav-collapse">
<ul class="nav">
<li><a href="/users/sign_out" data-method="delete" rel="nofollow">sign_out_1</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">mail@hotmail.com <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/users/edit.2">Configuración</a></li>
<li class="divider"></li>
<li><a href="/users/sign_out" data-method="delete" rel="nofollow">sign_out_2</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
私の破壊ルートは次のとおりです。
destroy_user_session DELETE /users/sign_out(.:format) devise/sessions#destroy
最後に、.js 読み込みセクションは次のとおりです。
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-transition.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-alert.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-modal.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-dropdown.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-scrollspy.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-tab.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-tooltip.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-popover.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-button.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-collapse.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-carousel.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-typeahead.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-affix.js?body=1" type="text/javascript"></script>