Question

我刚刚开始使用JQM。我使用默认的VS2012 asp.net移动项目开始。我喜欢移动页面的工作方式，但希望每页顶部有一个固定区域，基本上有3列，其中一列是徽标。我已经在_layout.cshtml中完成了这个（用一个基本的表开始），而在下面就是我开始JQM页面布局的地方。这一切都运行良好，我喜欢页面转换如何发生，同时保持固定的标题区域在顶部。

但是，我想在顶部的固定区域添加一个按钮，其样式与其他JQM按钮类似。这不起作用，因为按钮不在我认为的有效页面或标题数据角色内。有没有办法利用那些数据角色之外的HTML的JQM样式？

作为一个例子，我想使用锚标记作为登录按钮，并且当它位于具有data-role =“header”的div中时，使用齿轮图标设置样式。我不确定我是否有足够的理解深入了解.css文件中使用的所有元素，并希望有其他个别类或我可以利用的东西。

这是我试图显示为按钮的行，但我只获取文本（虽然可以作为锚标记）：

<a data-role="button" data-transition="pop" href="/Vision/Account/Login">Log in</a>

另外，我使用的是jquery.mobile-1.1.0和jquery-1.7.2。

Answer 1

您可以通过调用元素上的jQuery Button Widget将任何元素设置为按钮：

$('.login-button').button();

按钮功能还接受图标和主题等选项：

$('.login-button').button({
    icon: 'gear'
});

另请参阅：http://jquerymobile.com/test/docs/buttons/buttons-options.html

Answer 2

尝试将data-role =“button”添加到您的锚标记。

有没有办法在页面或标题数据角色之外使用JQM按钮样式？

2 个答案: