问题标签 [navbar]

我有一个带有 shtml 扩展名的页面的网站，主要是为了让菜单导航栏与 SSI 正确显示。我现在正在添加一个带有 php 的页面，为了让这个页面正常工作，我给它一个 php 扩展名，这会导致菜单不再显示。我还坦率地发现，对于大多数使用我的网站的人来说，shtml 扩展是一个奇怪的扩展。如果可能，我想为所有页面更改为 php 扩展名，但是如果我不再使用 shtml 扩展名，如何重新格式化我的 SSI 以正确显示？

当前感兴趣的代码是<!--#include virtual="/Navbar.shtml" -->

我一直在寻找文档，但似乎找不到在jQuery mobile中制作可滚动水平导航栏的方法，有人完成了吗？

到目前为止，这就是我的导航栏

这是我的问题 - 我使用 Dremweaver 导航栏插入了按钮菜单。它根据鼠标悬停/按下来交换按钮链接中的几个图像。当我第一次使用菜单栏时，按钮似乎可以正常工作。虽然当我从菜单链接转到某个页面并使用浏览器中的后退按钮返回时，最后按下的按钮仍保持按下/鼠标悬停状态。当我按下刷新按钮时，问题就消失了。任何人都可以知道对此的补救措施吗？谢谢。

我正在为 iPhone 构建一个带有一些标签的应用程序。在这里改写了appcelerator网站中的问题

当我从纵向更改为横向时，我想隐藏导航栏。

如果我不切换到另一个选项卡，它工作正常。但是，当我以纵向查看 1 个选项卡时，切换到另一个选项卡，更改为横向视图，切换回第一个选项卡，然后更改为纵向，导航栏（window.barImage）全部拉伸（到横向的大小导航栏）

此外，当我删除所有隐藏导航栏的代码时，也会出现同样的问题。

我尝试在orientationchange上再次设置barImage，但这也无济于事。

网站注释：我在导航栏的每个选项卡上都使用相同的图像，这可能是问题吗？

我用绿色标记了导航栏图像，蓝色部分是图像通常应该在的位置。

另请注意，图像大小适合导航栏的纵向视图。

代码：

我有一个问题，我不能清楚地认为是导航问题或内容的动态显示问题。首先，我使用一个 html 页面来托管多个页面，每个页面都有两个导航栏：页眉和页脚。

第一个页面显示使用getJSON()从后端的 php 作为 JSON 对象动态获取的内容。使用这些可折叠项的 html() 函数，内容显示为三个可折叠项的子项。内容分别填写在H1和可折叠项的两个列表子标签中。

我的上部导航栏有三个条目(page1, page2, page3)。当我从page1导航到page2，然后单击page2中的page1条目时，一切都按预期工作，即，我得到page1就像我第一次离开它时一样。

下面的导航栏是字形菜单，也有三页(page_a, page_b, page_c)。当我从page1转到page_c然后单击page1链接返回（或者即使我使用 JQM 默认的“后退”按钮）时，会出现问题，page1的 CSS中断既不显示标题导航栏也不显示第一个可折叠，但是而是将第一个可折叠H1的内容与第二个可折叠的内容混淆。

我使用 listview() 来刷新列表视图，一旦动态填充它们（在每次调用 pageshow() 之后）。

我有不同的尝试来解决其中一个问题是在消失的可折叠项目上使用 page() 但它没有用。

值得一提的是，我在其 webkit 浏览器上直接在设备 Blackberry Bold 9700（它坏了！）上进行开发；但是，该功能在桌面浏览器 Firefox 4、Chrome 和它的扩展 Ripple 上运行良好。

如果有人遇到此类问题并设法解决它，我将不胜感激您的洞察力/解决方案。

干杯。

[编辑]按照cpak提供的链接，我将以下CSS规则添加到我的自定义css文件中，它设法解决了这个问题。

.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { height:0; overflow:hidden}

.ui-mobile .ui-page-active { display: block; overflow: visible; height:auto; min-height:100%;}

然后，我一起删除了上述规则，并使用了最新构建的 JQM，它默认解决了这个问题。对于那里的任何人，当我遇到问题时，我使用的是v1.0a4.1，但它似乎在最新版本的 JQM 中已修复（日期为 5 月 24 日）

我没有成功地寻找一个变量来更改导航栏中单行中的最大项目数。

我刚开始使用 jQuery Mobile，试图创建一个包含大约 7 个单字母项目的导航栏。当存在超过 5 个项目时，导航栏会自动换行，这对我的项目来说是不可取的。

谁能指出我在规范这种行为的代码或 CSS 中的一块？

我们如何以编程方式在 JQuery Mobile 的导航栏中选择一个选项卡？我尝试了下面的代码来做到这一点。但是没有用。

更新：

请检查：http: //jsfiddle.net/YnxML/15/

更新：

以下是我用来在页脚处开发导航栏的代码。

在 IE 中，导航栏位置正确，位于顶部居中。但是在 FF 中，它一直向右移动。我已经查看了代码，但仍然无法弄清楚。有任何想法吗？提前致谢！

使用 Jquery Mobile 1.0b

第一次单击事件会触发警报。单击页面上的任何其他项目（锚点），然后立即触发另一个单击事件。随后的点击会间歇性地正确触发，有些根本不会触发警报。很随意。

我需要它来在同一页面上的 div 中加载动态内容，以防万一。

我曾尝试将取消绑定链接到绑定、停止传播并返回 false 以及不同的选择器，但均未成功。

我正在寻找解决方法、修复方法或更好的方法。谢谢。

我对 css 比较陌生，但是在尝试适应所有浏览器时遇到了问题，在这种情况下，IE 并不奇怪。

这是我在 JSfiddle 上重新创建的问题：http: //jsfiddle.net/AgdGs/3/

在 IE 中，主要问题是导航栏不会保持样式并且会移动到徽标下方。

我认为这是一个相对简单的解决方法，我只是无法在任何地方找到答案。

提前感谢您的帮助，如果您需要更多信息，请告诉我。