Rails3 jquery mobile Все навигационные элементы отображаются в панели навигации - PullRequest
Новая
       0

Rails3 jquery mobile Все навигационные элементы отображаются в панели навигации

0 голосов
/ 22 ноября 2011

Следующий навигационный штрих-код создает навигационную панель с 6 слотами при выходе из системы (например, «Отправить», «Получить», «Учетная запись», «Вход», «Полный» и «пусто». Максимальная навигационная панель - 5 элементов без переноса.признать, что есть только 5 элементов. Есть ли какой-то синтаксис для этого?

! [navbar]: http://ponzicode.com/so/navbar.jpg

<div data-role="navbar">
    <ul>
        <li><%= link_to "Send",  %></li>
        <li><%= link_to "Get",   %></li>
        <li><%= link_to "Account", root_path %></li>
        <% if user_signed_in? %>
          <li><%= link_to "Sign out", destroy_user_session_path, :method => :delete %></li>
        <% else %>
          <li><%= link_to "Sign in", new_user_session_path %></li>
        <% end %>
        <% if mobile_device? %>
          <li><%= link_to "Full", :mobile => 0 %></li>
        <% else %>
           <li><%= link_to "Mobile", :mobile => 1 %></li>
        <% end %>
    </ul>
</div>

application_controller.rb 

class ApplicationController < ActionController::Base
  protect_from_forgery

  before_filter :prepare_for_mobile

   private

   def mobile_device?
     if session[:mobile_param]
      session[:mobile_param] == "1"
     else
       request.user_agent =~ /Mobile|webOS/
     end
   end

   helper_method :mobile_device?

   def prepare_for_mobile
     session[:mobile_param] = params[:mobile] if params[:mobile]
     request.format = :mobile if mobile_device?
   end
end

1 Ответ

1 голос
/ 22 ноября 2011

Это скопировано из вашего проекта? Ваш код должен производить только 5 <li> элементов по моим подсчетам.

Я заметил, что второй <ul> элемент не является закрывающим тегом - это должно быть </ul>

Edit:

Попробуйте закомментировать ваш код и вставить его в: 

<div data-role="navbar">
  <ul>
    <li><%= link_to "Test", "" %></li>
    <li><%= link_to "Test", "" %></li>
    <li><%= link_to "Test", "" %></li>
    <li><%= link_to "Test", "" %></li>
    <li><%= link_to "Test", "" %></li>
  </ul>
</div>

Что-то подсказывает мне, что это тоже будет перенесено - в этом случае 4 - ваш максимум (по крайней мере, с текущим стилем)

...