标题中的jQuery多个按钮答案

【问题标题】：jQuery multiple buttons in header标题中的jQuery多个按钮
【发布时间】：2014-10-16 18:18:05
【问题描述】：

我正在尝试将 3 个按钮添加到我正在使用 jQuery 制作的移动网络应用程序的标题中。

我可以制作 2 个按钮，但是一旦我将第 3 个按钮放在标题上，第一个按钮就会消失：/

我尝试了这个问题的答案：Adding many buttons to header in JQuery Mobile

但是由于某种原因，jquery 样式将不适用于标题中的 div 标签。

我的标题目前有这个代码：

<div data-role="header">
    <div class="ui-btn-left" data-role="controlgroup" data-type="horizontal">
        <a href="#" id="homebtn" data-roll="button" data-icon="home" data-iconpos="notext"></a>
        <a href="#" id="searchbtn" data-roll="button" data-icon="search" data-iconpos="notext" class="ui-btn-left"></a>
    </div>
        <h1 id="usr"></h1>
    <a href="#" id="profileButton" data-roll="button" data-icon="info">Profile</a>  

    </div>

我的网页是这样的：

有人知道为什么会这样吗？

请原谅任何语法/拼写错误：我有阅读障碍，可能在校对时遗漏了一些内容

【问题讨论】：

这可能与 ui-btn-left 类有关。尝试在浏览器中使用 Inspect Element 来使用 CSS。
您真的要输入 'data-roll="button"' (DATA-ROLL)，而不是 'data-role="button"'？
嗯，是的，是的，我做到了......我现在会解决这个问题 xD......我会尝试使用 CSS

标签： javascript jquery css html jquery-mobile

【解决方案1】：

好的，感谢@TSV，他指出我使用的是“data-roll”而不是“data-role”

这实际上完全解决了我的问题:)

【讨论】：