我们目前正在使用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标签,则图库会显示在每个页面上。
我感谢所有帮助,想法和评论!所以...任何想法?...
答案 0 :(得分:0)
所以实际上最终出现的问题是div标签在0px处继承了它自己的高度。一旦我们给它一个高度,一切都表现得很好。现在为什么它给它自己的高度0?不知道。无论哪种方式,它现在都有效!