«Вкладки пользовательского интерфейса jQuery: несовпадение идентификатора фрагмента» с использованием 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, содержащему содержимое:

<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();
    });