jquery mobile(按钮点击,页脚底栏应该出现)

时间:2014-05-13 11:37:24

标签: jquery jquery-mobile

我正在使用移动应用程序来使用Jquery mobile。我创建了一个像gmail一样的comopse邮件。点击取消按钮,我需要一个底栏应该出现选项(保存,另存为草稿,丢弃)。任何人都可以帮我改一下这个。 提前谢谢 我试过的是什么

    <div data-role="header" data-position="fixed" data-theme="b">
<button class="ui-btn ui-btn-inline" data-mini="true">Send</button>
        <h1>Compose</h1>
<button class="ui-btn ui-btn-inline" data-mini="true">Cancel</button>
    </div>     

    <div >
    <input name="To" id="To" value="" type="text" data-mini="true" placeholder="To" />
    </div> 

<div>
         <input name="Subject" id="Subject" value="" type="text" data-mini="true" placeholder="Subject" />
    </div> 

<div  >
 <textarea cols="40" rows="22"  name="textarea-2" id="textarea-2" placeholder="Compose Mail "></textarea>
</div>`

1 个答案:

答案 0 :(得分:0)

添加隐藏的页脚:

        <div id="footer" data-role="footer" data-position="fixed" data-theme="b" hidden="">
            <button class="ui-btn ui-btn-inline" data-mini="true">Save</button>
            <button class="ui-btn ui-btn-inline" data-mini="true">Save as</button>
            <button class="ui-btn ui-btn-inline" data-mini="true">Discard</button>
        </div>

并在需要时显示:

        $("#footer").show();