Как заставить JQuery UI работать частично? - PullRequest
Новая
       4

Как заставить JQuery UI работать частично?

1 голос
/ 17 июля 2010

Я ПОЛНЫЙ новичок в JQuery (и в целом javascript), но я собираюсь попробовать это.

Простая настройка: макет содержит представление, которое содержит простые вкладки JQuery, такие как http://jqueryui.com/demos/tabs/default.html.

У меня есть следующий хамл в макете головы: 

%head
  = javascript_include_tag "jquery", "ui/jquery.ui.core", "ui/jquery.ui.widget", "ui/jquery.ui.tabs"
  = stylesheet_link_tag "global", "profiles", "forms", "smoothness/jquery-ui-1.8.2.custom", :cache => true
  :javascript
    $(function() {
      $("#tabs").tabs();
    });

В моем представлении new.html.haml есть следующий хамл: 

#tabs{:class=>"ui-tabs ui-widget ui-widget-content ui-corner-all"}
  %ul{:class=>"ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"}
    %li
      %a{:href => "#tabs-1"}
        %div{:class=>"ui-tabs-panel ui-widget-content ui-corner-bottom"} New User
    %li
      %a{:href => "#tabs-2"}
        %div{:class=>"ui-tabs-panel ui-widget-content ui-corner-bottom"} Existing User
  #tabs-1
    I am a new user
  #tabs-2
    I am an existing user

ПРИМЕЧАНИЕ: этот код отлично работает, когда он ВСЕ в макете. Но когда я перемещаю второй фрагмент кода из моего макета в мое представление, он перестает работать.

Я думал, что виды являются внешними, но функционально идентичны их макетам. Что именно я должен сделать, чтобы эти вкладки работали правильно? Спасибо!

1 Ответ

0 голосов
/ 19 июля 2010

Там не должно быть никакой разницы. Убедитесь, что вы заменяете точное содержимое второго блока на = yield. Проверьте HTML, сгенерированный в обоих сценариях. Когда второй блок перемещается в представление, только пробелы должны отличаться.

...