我正在将cordova与jquery mobile和nativedroid2库一起使用。我想在屏幕的右下角创建一个浮动按钮(就像我们在gmail应用中一样)。我无法执行必须声明为浮动按钮的部分。
<a href="#" class="ui-btn ui-btn-right ui-btn-fab" style="background-color:rgb(100,200,250);"><i class="zmdi zmdi-plus zmd-2x"></i></a>
我该怎么办?
最佳答案
您需要将浮动按钮放置在主容器中。如果您将nativedroid2与jQuery mobile一起使用,则可以使用以下代码示例-
<!-- message page -->
<div data-role="page" id="messages-page">
<div data-role="header" data-position="fixed" data-tap-toggle="false">
<h1>Messages</h1>
</div> <!-- /header-->
<div data-role="content">
<ul id="listMessage" data-role="listview" data-icon="false" class="ui-listview" data-inset="true">
<li class="ui-li-has-thumb">
<a href="#" class="ui-btn waves-effect waves-button waves-effect waves-button">
<h2>Amit Anmol</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
</a>
</li>
<li class="ui-li-has-thumb">
<a href="#" class="ui-btn waves-effect waves-button waves-effect waves-button">
<h2>Amit Anmol</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
</a>
</li>
</ul>
<!-- floating button -->
<a id="btn-compmsg" href="#compose-msg-page" class="ui-btn-fab ui-btn-raised clr-warning ui-btn ui-btn-inline waves-effect waves-button waves-effect waves-button" data-transition="flow">
<i class='zmdi zmdi-plus zmd-2x'></i>
</a>
</div> <!-- /content -->
</div><!-- /message page -->
这段代码的输出是