jQuery UI选项卡：不匹配的片段标识符

我正在尝试使用jQuery（UI），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 

理想情况下，这会创建一组标签，例如（12月27日 – 1月N日）作为标签标题，然后在每个框中进行“测试”。

在applications.js我有：

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

但是，这不能正确呈现，当我单击选项卡时，它会在javascript控制台中给出这个错误：

 jQuery UI Tabs: Mismatching fragment identifier. 

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

谁能告诉我我做错了什么？

这是相应的HTML的样子：

 
 
 
  December 27 - January 2 
 
  January 3 - January 9 
 
  January 10 - January 16 
 
  January 17 - January 23 
 
 
 
test
 
 
 
test
 
 
 
test
 
 
 
test
 
  

Answer 1

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