Jquery mobile 如何在jquerymobile中使用右侧和右侧按钮使标题左侧

你能告诉我怎样用右边的按钮在页眉的左边贴标签吗

我发现像这样

<div data-role="header">
    <a href="index.html" data-icon="delete">Cancel</a>
    <h1>Edit Contact</h1>
    <a href="index.html" data-icon="check" data-theme="b">Save</a>

编辑联系人

但我需要像这样

---

我的箱子标签在左边，按钮在右边

你可以这样做，演示

JQM文件：

自定义标头配置

如果需要创建不遵循默认配置的标题，只需将自定义样式的标记包装到任何容器（如div）中即可。该插件不会将自动按钮逻辑应用到标题容器中包装的内容，因此您可以编写自定义样式，以便在标题中布局内容

也可以创建自定义栏，而不使用header data角色。例如，从任何容器开始，添加ui-bar类以应用标准的栏填充，并添加ui-bar-b类以根据主题指定栏样例样式。（b可以是任何样本字母。）

标题

您可以这样做，覆盖

ui标题

和

ui-btn-right

样式。但是，对于第二个按钮，为其提供一个自定义类，以避免使用

ui btn right

覆盖这两个按钮。我使用自定义类

.second

作为第二个按钮

CSS-为了不改变页脚样式，我使用了

.ui页眉

.ui-header .ui-title {
   margin-left: 2px !important;
   text-align: left !important;
   width: 150px !important;
}

.second.ui-btn-right {
   right: 80px !important
}

HTML

<div data-role="header">
  <a href="index.html" data-icon="delete" class="second ui-btn-right">Cancel</a>
  <h1>Edit Contact</h1>
  <a href="index.html" data-icon="check" data-theme="b" class="ui-btn-right">Save</a>
</div>


编辑联系人
刚刚回答了你的另一个问题：）太棒了：-D+1..但是如果你只使用
controlgroup
按钮不是更好吗？只是问：）@passionateCoder谢谢bhai。这是可能的，继续扔你的毛巾。我不想抢夺你的主意。我只是问，这不是问题。Op希望按钮对齐，这样做很完美。只是怀疑这是更好还是使用对照组更好。：-）@激情编码器控制组看起来更好，但你需要考虑访客手指大小lol。
<div data-role="header">
  <a href="index.html" data-icon="delete" class="second ui-btn-right">Cancel</a>
  <h1>Edit Contact</h1>
  <a href="index.html" data-icon="check" data-theme="b" class="ui-btn-right">Save</a>
</div>