问题标签 [jquery-mobile-navbar]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1178 浏览

jquery - 当您在其外部单击时,Bootstrap 3 Mobile nav 会崩溃

当我在菜单外单击/触摸时,我的 Bootstrap 3 移动菜单确实崩溃了。

我可以解决这个问题:

但是,这与单击菜单按钮的方式不同。请有人推荐一个更好的解决方案。

干杯艾尔

0 投票
1 回答
64 浏览

javascript - 移动导航的 Jquery 菜单自动弹出

我使用了一个 JQuery 移动导航,它使用了@979 宽屏。我遇到的问题是,当屏幕重新调整为 979px 宽时,菜单会弹出但完全扩展并覆盖网页的内容。我知道这与 JQuery 有关,但无法弄清楚。这是脚本:

0 投票
2 回答
2537 浏览

jquery - 当导航栏位于标题中时,jQuery Mobile 选项卡内容的自适应垂直滚动条

在一些 jQuery 移动选项卡中,我有需要滚动条的内容。

控制它们的导航栏在这个 fiddle中的标题中。

我尝试height: 100%; overflow: auto;在所有级别的选项卡内容上进行设置,但滚动条仍然应用于整个页面。

溢出的滚动条如何仅自适应地应用于选项卡式内容?

jsFiddle

HTML

JS

CSS

0 投票
1 回答
483 浏览

jquery-mobile - jquery移动导航栏链接不刷新

我使用 javascript 在页面内容中填充 json 响应结果。但是当我切换导航栏链接时,浏览器(firefox)只会向我显示没有数据的缓存 html。服务器日志显示 list.html 和 settings.html 根本不需要。我搜索并尝试了 data-prefetch="true", data-dom-cache="true" 或 data-dom-cache="false", <meta http-equiv="pragma" content="no-cache" />,我一无所获。每次手动刷新settings.html/list.html,json都被填满了,但是另一个list.html/settings.html却变成了没有数据的空白html。

我希望当我点击导航栏链接时,浏览器可以重新加载/刷新整个页面,尤其是 javascript 执行 ajax 调用并填充数据。

0 投票
1 回答
439 浏览

jquery-mobile - JQuery 移动持久导航栏(外部页面 div)

我在页脚中的页面 div 之外有一个导航栏(它在每个页面上)我尝试对导航栏的持久活动状态进行简单修复它适用于其中一个页面上的选项卡但似乎没有为此工作。

实际上,除了某些原因没有添加 ui-btn-active 之外,一切正常

这是代码

});

锚点的 html 发生了变化,ui-state-persist 被添加到最后一行,但 ui-btn-active 只是由于某种原因没有被添加......

0 投票
0 回答
174 浏览

jquery - 是否有像 jQuery 这样的 Bootstrap 的合理导航栏

我正在寻找带有 3 个导航项的移动导航栏。

我在 jQuery-Doc http://demos.jquerymobile.com/1.2.1/docs/toolbars/docs-navbar.html中找到了一个导航栏

在 Bootstrap-Doc 中,我发现了这个http://getbootstrap.com/components/#navbar

但我需要一个导航栏,它看起来像 jQuery 的导航栏,但使用的是 Bootstrap!

有人知道方法,如何用 Bootstrap 做到这一点?

非常感谢您的回答!!!

0 投票
1 回答
450 浏览

html - JQuery Mobile:页脚最后一个元素内的导航栏显示不正确

我正在使用 JQuery Mobile 1.4.5,并且我没有任何类型的自定义 CSS。代码:

导航栏列表中的最后一个元素显示在下一行,就像文本包装一样。

在此处输入图像描述

我无法弄清楚是什么导致最后一个元素像那样错位。

我已经在页面上的各种不同元素以及列表中的 2、3、4 和 5 个元素中进行了尝试。无论浏览器(Safari 或 Chrome)如何,行为都是相同的。

任何人都可以帮忙吗?

0 投票
2 回答
358 浏览

cordova - 增加 jquerymobile 导航栏图标大小

我正在使用 jquerymobile 创建一个科尔多瓦应用程序。有没有办法改变我在页脚部分使用的 jquerymobile 导航栏图标的大小?

以下是我用于页脚的 html 脚本

0 投票
1 回答
134 浏览

jquery - jQuery移动持久导航栏转换问题

我正在使用 jQuery Mobile 1.4.2 完成一个简单的演示,我的代码是这样的:

但是每次我点击导航栏时,它都会失去背景并在过渡期间变得透明

我应该怎么办 ?[这个文档说它会完美地工作][4]

本来想加几张图,但是名声不合格

请忽略那些汉字。

0 投票
0 回答
140 浏览

jquery - jQuery 移动导航栏不仅适用于 Chrome 上的“三星 Galaxy S、SII、W”模拟器

我在控制台上使用 Chrome 的仿真,当我尝试在所有设备上测试我的代码时,我在三星 Galaxy S、SII、W 模拟器中得到了这种古怪的行为。我不明白为什么!

这是我的代码:

这是输出:

Chrome 上的三星 S、SII、W 模拟器

当我尝试其他模拟器时:

三星Galaxy S4

苹果 iPhone 6

无论进行何种转换,我都希望页脚导航栏始终位于页面底部,我相信无论我们在什么设备上测试, data-position="fixed" 都应该可以解决问题,对吧?那么有什么问题呢?提前致谢 !