jquery - data-toggle: ピルが期待どおりに機能していません

Question

Twitter Bootstrap 2 を使用して Rails アプリを作成しています。これが私のパーシャル: テンプレートです (実際にはパーシャルです)。

<div class="container">
 <div class="row">
   <div class="span2">
     <ul class="nav nav-pills nav-stacked">
       <li>
         <a href="#" data-toggle="pill">Trend lines for all questions</a>
       </li>
       <li>
       <%= link_to "Summary of all questions", program_reports_path(@program),
                   remote: true, id: "reports-navlist", data: {toggle: "tab"} %>
       <li class="active">
         <a href="#" data-toggle="pill">Trend lines for all questions</a>
       </li>
       <li>
         <a href="#" data-toggle="pill">Details on all questions</a>
       </li>
     </ul>
   </div>
   <div class="span10">
   </div>
 </div>
</div>

私の問題は、ナビの「ピル」アクティベーションが正しく機能しないことです。1 番目、3 番目、4 番目の li タグは正常に機能します (何もしないため)。

しかし、2 つ目のテストは JavaScript エラーをスローしています。アクティブにならず、ピルのレンダリングが正しくありません。remote:true を削除するか、remote:false にすると、問題は解決しません。しかし、URLを「#」に変更すると機能します。だから、私には理解できない相互作用があります。

生成された完全な HTML は次のとおりです: http://pastebin.com/nKUzwvif

Safari の JS から出てくるエラーは次のとおりです。

その他の問題。エラー: 構文エラー、認識できない式です。

エラーを生成するコードは Sizzle にあります。

Sizzle.error = function( msg ) {
    throw new Error( "Syntax error, unrecognized expression: " + msg );
};