2014-10-16 42 views
-1

我正在尝试将3个按钮添加到我使用jQuery制作的移动web应用程序的标头中。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> 

和我的网页看起来是这样的:

enter image description here

有谁知道为什么发生这种情况的任何想法?

请原谅任何语法/拼写错误:我诵读困难的,可能已经错过了一些校对

+0

它可能与ui-btn-left类有关。尝试在您的浏览器中使用Inspect Element以使用CSS。 – 2014-10-16 18:22:42

+1

你真的想输入'data-roll ='按钮''(DATA-ROLL),而不是'data-role ='按钮''吗? – TSV 2014-10-16 18:29:24

+0

恩,是的,是的,我确实.....我会修复现在xD .....我会尝试玩CSS – 2014-10-16 18:31:03

回答

-1

好了,感谢@TSV谁指出我使用“数据卷”而不是“数据 - 角色“

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