Jquery mobile 如何:标题按钮样式的Foursquare(Jquery Mobile)

Jquery mobile 如何:标题按钮样式的Foursquare(Jquery Mobile),jquery-mobile,mobile,header,Jquery Mobile,Mobile,Header,我想在我们的Jquery移动webapp中添加一个按钮。我在FourSquare应用程序中添加了一个屏幕截图,显示了右上方的“签入”按钮和图标,我们希望在标题中实现 我们可以;I don’我不知道该怎么做。现在导航栏可以给我们一个类似FSQ按钮的按钮样式,但是我们的标题中只有一个按钮,右边对齐 有没有人已经设计了这样的东西,可以帮助我们?是的,可以做到,下面是一个简单的例子: <body> <div data-role="page">

我想在我们的Jquery移动webapp中添加一个按钮。我在FourSquare应用程序中添加了一个屏幕截图,显示了右上方的“签入”按钮和图标,我们希望在标题中实现

我们可以;I don’我不知道该怎么做。现在导航栏可以给我们一个类似FSQ按钮的按钮样式,但是我们的标题中只有一个按钮,右边对齐


有没有人已经设计了这样的东西,可以帮助我们?

是的,可以做到,下面是一个简单的例子:

    <body>
        <div data-role="page">
            <div data-role="header">
                <h1>Foursquare Like</h1>
                <a href="#" data-icon="arrow-d" class="ui-btn-right">Checkin</a>
            </div>
            <div data-role="content">
                <p>This is a test page</p>
            </div>
        </div>
    </body>

方形
这是一个测试页面

请参阅此处的更多信息:
jsFiddle示例:

但我不想要像那样的Button。我想把它设计成一个图标,如截图所示。我如何设置它的样式?设计你的图像或精灵,并将其设置为
DIV
的背景。或者在
DIV
中使用
IMG
。然后可以将其放置在标题栏中。