Question

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

以下是代码：

$('#'+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 按钮呈现不正确，函数调用后的按钮（正确），然后刷新列表后的按钮（再次不正确）。

Answer 1

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

您的班级说明怎么样，也许是造成这个问题的原因。或许你有一个干扰

的CSS

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

你可以做的最好的事情就是使用firebug addon for Firefox或Chrome ann看看按钮HTML和CSS。特别注意添加到的类：

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

我觉得有些东西给它显示：块; css属性，这是导致此问题。

Answer 2

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

JQM锚点按钮文本出现在按钮外部

2 个答案: