jQuery UIタブ：不一致のフラグメント識別子

Question

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番目）としてタブのセットを作成し、各ボックスに「テスト」を持っているでしょう。

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

しかし、これは正しく表示されませんし、私はタブをクリックしたとき、それは私にはJavaScriptコンソールでこのエラーできます：applications.jsで

私が持っている

jQuery UI Tabs: Mismatching fragment identifier. 

を私は最新のjQueryとjQueryのUIリリースを使用しています。

誰でも私が間違っていることを教えてもらえますか？

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

Answer 1

あなたidの生成されたHTMLでそれらで#を持つべきではありません。

これは、対応するHTMLのように見えるものです。 %div{:id => "#schedule-#{i}"}から%div{:id => "schedule-#{i}"}