“jQuery UI选项卡：不匹配的片段标识符”使用HAML

Question

在引用选项卡面板的div时遇到不匹配的片段错误。选项卡正确呈现但未拾取面板。

这是标签的HAML：

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

第一个div的HAML：

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

生成的html会生成选项卡的锚点：

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

并且生成的div的html包含以下内容：

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

面板div中的内容在选项卡下方正确呈现，所以很明显锚点没有正确调用内容面板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();
    });