0

我正在使用 Backbone.js 和 jQuery Mobile 制作一个移动网络应用程序，但我遇到了一些样式问题。只是为了测试一下，我想设置我的注销按钮的样式。在造型之前，我有：

this.$el.append('<input type="button" id="logoutButton" value="Logout">');

在我的代码的某个时刻，它一直运行良好。我将此行更改为：

this.$el.append('<a href="" data-role="button" data-theme="c" data-inline="true" id="logoutButton"> LOGOUT </a>');

但是，当我这样做时，它只是将“LOGOUT”显示为一个没有应用 CSS 的普通链接。我尝试将相同的代码放在我的 HTML 文件的正文中，而不是用 JS 插入它，并且它的样式正确。我在所有其他文件之前将我的 CSS 文件加载到我的文档头部，并且我的 JS 代码包含在一个绑定到的函数中，$(document).ready()所以我不确定为什么 CSS 不起作用。

我错过了一些概念性的东西吗？我怎样才能解决这个问题？

4

1 回答 1

2

我认为您需要buttonMarkup像这样刷新样式：

$("#one").append('<a href="" data-role="button" data-theme="c" data-inline="true" id="logoutButton"> LOGOUT </a>')
$("#logoutButton").buttonMarkup("refresh");

哪里#one只是 HTML 中的一个随机页面。

演示：http: //jsfiddle.net/hungerpain/tEnet/

并且不要ready在 jQM 中使用事件。

于 2013-07-15T21:09:04.943 回答