Javascript “Quora风格”；添加内容“；jquerymobile中的图标

使用Jquery Mobile，我试图模仿quora使用其“添加问题”按钮所做的工作。添加问题按钮是一个简单的浮动“+”按钮，在底部中央对齐

为了模拟我的应用程序，我创建了一个带有ui-grid-b的透明页脚，并在block-b中放置了加号图标

       <div data-theme="a" data-role="footer" data-position="fixed">
            <h3>
                <div class="ui-grid-b">
                    <div class="ui-block-a" style="text-align: left;"></div>
                    <div class="ui-block-b" style="text-align: center;">
                    <a href="#" data-role="button" data-icon="flat-plus" class="ui-nodisc-icon"></a>
                    </div>
                    <div class="ui-block-c" style="text-align: right;"></div>                
                </div><!-- /grid-a -->
            </h3>                
        </div>

主题背景色：rgba（0,0,0,0）；我确实在底部有一个加号，但没有什么接近Quora所能做到的

---

我的解决方案不允许用户触摸和滑动页脚中的任何地方，而quora应用程序则没有这种顾虑。加号按钮几乎是一个孤岛。如何使用JQM实现这样的效果？

不使用页脚，只需使用内联按钮，然后添加一些CSS将其居中，并将其固定到页面底部：

按钮标记（添加了底部中心类）：

高z索引使其浮动在其他内容之上，其余内容将位置设置为固定在底部中心

这里有一个

---

这真让我高兴！谢谢

<a href="#" class="ui-btn ui-btn-inline ui-btn-b ui-icon-plus ui-btn-icon-notext ui-corner-all bottomCenter">Add</a>

.bottomCenter {
    position: fixed;
    z-index: 9999;
    bottom: 4px;
    left: 50%;
    margin: 0;
    margin-left: -15px;
}