0

我不久前才开始使用 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。

4

2 回答 2

1

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

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

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

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

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

于 2012-07-24T14:26:29.610 回答
0

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

于 2012-07-20T20:34:29.027 回答