Question

使用Jquery-mobile，以下（此处略）脚注

<div data-role="footer">
    <a href="#table" data-role="button" data-icon="plus"
    data-iconpos="left" class="ui-btn-left">Open</a>
    <a href="#" data-rel="back" data-role="button" data-icon="delete"
    data-iconpos="notext" class="ui-btn-right">Close</a>
</div>

弹出窗口中的弹出窗口，按钮显示在弹出框架之外，在其下面对齐。

为什么呢？我做错了什么？

完整示例位于http://jsfiddle.net/yotam/d0aqmx6m/

Answer 1

我开始怀疑弹出窗口是否不支持按钮页脚。或者至少，没有完全支持。从文档中，你需要抛出一个＆＃34; ui-title＆＃34;在那里 - 它将提供页脚高度（文档显示按钮定义后的跨度）。

我在这里做过：

<div data-role="footer">
  <a href="#table" class="ui-btn ui-btn-left ui-icon-delete ui-btn-icon-left ui-icon-plus">Open</a>
  <a href="#" data-rel="back" class="ui-btn ui-btn-right ui-icon-delete ui-btn-icon-left ui-btn-icon-notext ui-icon-delete">Close</a>
   <span class="ui-title"></span>
</div>

请参阅：http://jsfiddle.net/had4or71/

当然，它只是部分地解决了你的问题，就好像它们现在在页脚中一样，但它们看起来并不好看。我尝试使用页脚中的导航栏同样令人失望的结果（导航栏位于顶部，底部和左侧，但是在右边界上跑得非常糟糕。

最后，我也很快地完成了这个版本：

http://jsfiddle.net/ph0e54ee/2/

这显示了像演示网站一样将关闭按钮推入标题，并且只是将您的打开按钮作为标准按钮呈现为内置 - 唉，它是一种妥协，而不是您要求的。

在进一步调查中，它会出现在＆＃34; ui-btn-left＆＃34;和＆＃34; ui-btn-right＆＃34;页脚不支持类，请参阅：

同样，我稍微搞砸了CSS，并设法得到了一些不错的东西，至少在我的Chrome测试浏览器上。我怀疑你的里程数会在铬牌之外变化很大：http://jsfiddle.net/9crnjakr/

为什么按钮不在JQM弹出窗口的页脚之内

1 个答案: