0

这应该是另一个让我感到困惑的简单修复。我正在从数据库中提取数据并为数据库的每一行呈现一个按钮。但是，文本不会出现在按钮内！它出现在它下面！

这是代码：

$('#'+category).append('<li><a href="#itemColours" data-role="button" data-icon="false" data-rel="popup" data-mini="true" id="'+thisRow.fixture+'itemColour" class="descriptions" onClick="getItemColours(\''+thisRow.fixture+'\')" />'+thisRow.colour+'</a></li>');

有趣的是，当 getItemColours 函数运行时，它会显示一个颜色弹出窗口，当您选择一种颜色时，它会更改按钮并更新数据库。那一点工作得很好。

$('#'+item+'itemColour .ui-btn-text').text(colour);

这是我得到的：http: //i1320.photobucket.com/albums/u521/dan_jones2/buttons_zps185113ce.png 按钮渲染不正确，函数调用后的按钮（正确）然后刷新列表后的按钮（再次错误） ）。

4

2 回答 2

0

这个按钮在我的 jsFiddle 示例中工作得很好。我认为这是您的自定义 css 中的一个问题，它干扰了 jQM 按钮 css。

你的班级描述怎么样，也许是导致这个问题的原因。或者，也许你有一个 CSS 会干扰 

<span class="ui-btn-text">....

您可以做的最好的事情可能是使用例如用于 Firefox 或 Chrome 的 firebug 插件，然后查看按钮 HTML 和 CSS。特别注意添加到的类：

<span class="ui-btn-text">

我认为有些东西给了它显示：块；css 属性，这导致了这个问题。

于 2013-01-19T10:28:05.073 回答
0

我仍然不知道为什么这不起作用，但我通过更改输入按钮的锚标记并添加了另一个功能来打开弹出窗口来解决它。

于 2013-01-19T15:57:33.070 回答