Question

我正在使用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或使其远程：false这不能解决问题。但是，如果我将网址更改为“＃”，那么它就可以了。所以那里有一种我不理解的互动。

以下是生成的完整HTML：http://pastebin.com/nKUzwvif

以下是Safari中JS的错误：

其他问题。错误：语法错误，无法识别的表达式。

产生错误的代码在Sizzle：

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

data-toggle：pill没有按预期工作

0 个答案: