1

我正在使用 Jquery mobile 开发一个应用程序，导航栏没有显示行中的元素，而 google chrome 控制台正在显示列表元素之间的空格。通过删除这些   元素完全一致。在这里可以看到： 导航栏----控制台 

<div role="main" class="ui-alt-icon ui-nodisc-icon">
            <div data-role="navbar" data-grid="c">
                <ul>
                    <li><a href="#" class="ui-btn ui-icon-location ui-btn-icon-top">One</a></li>
                    <li><a href="#" class="ui-btn ui-icon-location ui-btn-icon-top">Two</a></li>
                    <li><a href="#" class="ui-btn ui-icon-location ui-btn-icon-top">Three</a></li>
                    <li><a href="#" class="ui-btn ui-icon-location ui-btn-icon-top">Four</a></li>
                </ul>
            </div><!-- /navbar -->
        </div>

有人可以帮忙吗？

4

3 回答 3

0

对于响应式导航，您不必使用 jQuery 执行此操作。为了获得最佳结果，您可以为此使用标准标记和 CSS。使用 CSS 的display属性和媒体查询，您可以在特定宽度或高度上显示和隐藏导航切换。请参阅本教程以获得更深入的答案。

于 2015-12-14T15:36:25.837 回答
0

似乎有一个 CSS 规则:before（以及:after）将其他内容插入到您的列表元素中（在这种情况下是&nbsp;空格）

（或执行相同操作的 jQuery 函数）

于 2015-12-14T15:35:10.030 回答
0

当您从 jQuery Mobile 演示复制粘贴到您的文本编辑器（当然是 Sublime）中时，它将携带字符并将它们转换为 nbsp；即使您选择原始代码。

首先将文本粘贴到记事本甚至 Google Mail 撰写窗口中，然后重新复制并粘贴和随机 nbsp; 字符将消失。

于 2017-08-15T07:50:33.093 回答