Ruby on rails Rails3 jquery移动导航栏中显示的所有条件项

以下导航条码在注销时生成一个带有6个插槽的导航条（例如，发送、获取、帐户、登录、完整和空白）。导航条的最大值为5个项目（不带包装）。我希望jquery mobile能够识别只有5个项目。是否有一些语法可以实现这一点

！[navbar]：

：删除%>

0%>
1%>

应用程序\u 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

class ApplicationController

这是从您的项目复制的吗？按我的计数，您的代码应该只生成5个

元素

我注意到第二个

元素不是一个close标记——它应该是

编辑：

尝试注释代码并将其粘贴到：

<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是您的最大值（至少在当前样式下）

我同意你关于5

的看法，但结果是5，项目位置为空。我将尝试放置一个屏幕截图。至于

，我编辑了结束标记以反映代码中的内容。我从代码中复制并粘贴了它，我唯一能想到的是按Ctrl-K格式化代码，它更改了该标记。你也可以吗粘贴在手机和桌面上呈现的代码片段中？啊，我指的是生成的HTML代码。图像实际上看起来只有5个

li

s。您是否能够创建一个无序列表，其中包含5个未包装的列表项？这可能是一个大小问题（在我的编辑中使用代码进行测试）你完全正确。我测试了它，同样的事情也发生了，即使链接测试是1,2,3,4,5。在jquery移动论坛中收到答案，你必须使用add data grid=“d”添加数据角色，或者使用.ui-grid-d添加列表。可以在这里找到文档中的参考。

<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>