3

我正在使用 Twitter Bootstrap 2 开发 Rails 应用程序。我正在尝试做一些我认为应该很简单的事情，但我不熟悉将 Rails 与 jQuery 一起使用。这是我的部分：模板（实际上是部分）。

<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>

我的问题是我无法让导航“药丸”激活正常工作。第一个、第三个和第四个 li 标签工作正常（因为它们什么都不做。）

但是第二个，测试，抛出了一个 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 );
};
4

0 回答 0