jquery - Ruby on Rails jQuery UI 选项卡:不匹配的fragment 标识符

  显示原文与译文双语对照的内容

我正在尝试使用 jQuery ( 用户界面) 。Haml和 Rails 创建约会计划程序。 我正在为下 4周制作一套标签。


#schedule


 %ul


 - @schedule.each_index do |i|


 %li


 %a{:href =>"#schedule-#{i}"} #{@schedule[i][:week_range]}


 - @schedule.each_index do |i|


 %div{:id =>"#schedule-#{i}"}


 %p test



理想情况下,这将创建一组选项卡,如( 十二月 27月4 日) 作为标签标题,然后在每个框中使用"测试"。

在 applications.js 中,我有:


$('#schedule').tabs();



但是,这不会正确呈现,当我单击某个选项卡时,它会在javascript控制台中显示这里错误:


jQuery UI Tabs: Mismatching fragment identifier.



我正在使用最新的jQuery和 jQuery UI 版本。

谁能告诉我什么是错误的?

这就是相应的HTML外观:


<div id='schedule'>


 <ul>


 <li>


 <a href='#schedule-0'> December 27 - January 2</a>


 </li>


 <li>


 <a href='#schedule-1'> January 3 - January 9</a>


 </li>


 <li>


 <a href='#schedule-2'> January 10 - January 16</a>


 </li>


 <li>


 <a href='#schedule-3'> January 17 - January 23</a>


 </li>


 </ul>


 <div id='#schedule-0'>


 <p>test</p>


 </div>


 <div id='#schedule-1'>


 <p>test</p>


 </div>


 <div id='#schedule-2'>


 <p>test</p>


 </div>


 <div id='#schedule-3'>


 <p>test</p>


 </div>


</div>



时间:

你的id 中不应该在生成的HTML中包含 # 。 将 %div{:id =>"#schedule-#{i}"} 更改为 %div{:id =>"schedule-#{i}"}

...