「jQuery UI選項卡：不匹配的片段標識符」使用HAML

Question

在引用選項卡面板的div時運行到不匹配的片段錯誤中。標籤呈現正確，但沒有拿起面板。

這裏是爲選項卡中的HAML：

%div#tabset 
    %ul 
     %li 
      %a{:href=>"#tour"} Tour 
     %li 
      %a{:href=>"#events"} Events 
     %li 
      %a{:href=>"#deals"} Deals 

而HAML的第一個div：

%div#tour 
    /.....yada yada yada 

生成的HTML結果爲標籤的錨：

<a href="#tour">Tour</a> 

和生成的html包含的內容爲：

<div id = "tour"> 
    .......... 
    .......... 
    .......... 
</div> 

面板divs中的內容在標籤下面正確呈現，所以顯然錨點並沒有正確調用內容面板div。似乎找不到正確的haml定位語法。

任何幫助讚賞...

Answer 1

你可以這樣說：

#nameofcontainer 
    %ul 
     %li= link_to "Tour", "#tour" 
     %li= link_to "Events", "#events" 

    %div#tour 
     // content 
    %div#events 
     // content 

您也可以在上面做：

-content_for :head do 
    :javascript 
    $(function(){ 
     $("#nameofcontainer").tabs(); 
    });