3

我们目前正在使用 Dojo 创建一个移动地图应用程序。我们将 Esri 用于地图服务。在从 3.2 更改为 3.3 之前，一切正常。该地图工作正常，但我在实施基本地图库时遇到问题。我已经做了几天的研究，试图弄清楚为什么我的画廊没有出现，但我已经将我的问题缩小到它实际上是我的 div 标签的布局。在我的 index.html 页面上，我有许多用于不同菜单的 div 标记，什么不是。我已经跟踪了所有 div 标签，以确保它们都已关闭并且已经关闭。

所以这就是我目前已经实现的：

<div id="displayView" data-dojo-type="dojox.mobile.View">
    <div data-dojo-type="dojox.mobile.Heading" 
         data-dojo-props='fixed:"top", label:"Display Options", back:"Menu",
         moveTo:"menuView"'>
             <div id="galleryDiv"> </div>
    </div>
</div>

使用此代码，画廊不会显示，但如果我将结束 div 标签移到 div id="galleryDiv" 上方，那么画廊将显示出来，但它会显示在应用程序的每个页面上，因为没有结束 div 标签。此外，我们试图实现将图库中的基本地图图像从左向右移动的按钮，但它们仅适用于谷歌浏览器。我不确定为什么它只能在 Chrome 而不是任何其他浏览器中工作。

我最初有一个可滚动的视图，但它根本不会显示，所以我将它更改为 mobile.view 并且它有效。在整个应用程序中，它可以交换视图和可滚动视图，但根据我的研究，无论如何它都应该可以工作。

经过我所做的所有研究，我很确定这与 div 标签的父/子关系有关，但我不确定为什么它会阻止我的画廊出现在一个页面上，以及为什么当我关闭它显示的 div 标签。但是，如果我关闭 div 标签，那么画廊就会出现在每一页上。

我感谢任何和所有的帮助、想法和评论！所以...有什么想法吗？...

4

1 回答 1

0

所以实际上最终成为问题的是 div 标签继承了它自己的 0px 高度。一旦我们给它一个高度，一切都显示得很好。现在为什么它给它自己的高度0？不知道。无论哪种方式，它现在都有效！

于 2013-03-06T18:27:16.960 回答