JQM定位按鈕文本出現在按鈕外

這應該是另一個簡單的修復方法，令我感到困惑。我從數據庫中提取數據併爲數據庫的每一行呈現一個按鈕。但是，文本不會出現在按鈕內！它出現在它下面！JQM定位按鈕文本出現在按鈕外

下面的代碼：

$('#'+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 呈現不正確的按鈕，函數調用後的按鈕（正確的），然後在列表之後按鈕刷新（不正確再次）。

來源

2013-01-19 Dan

我仍然不知道爲什麼這不起作用，但我通過更改輸入按鈕的錨定標記並添加了另一個功能來打開彈出窗口來解決此問題。

來源

2013-01-19 15:57:33 Dan

這個按鈕在我的jsFiddle例子中工作得很好。我認爲這是您的自定義CSS中的一個問題，它會干擾jQM按鈕css。

你的班級怎麼樣說明，也許是導致這個問題。或者，也許你有一個干擾

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

也許你可以做的最好的事情就是用例如螢火蟲插件的Firefox或Chrome安看一看按鈕HTML和CSS的CSS。特別照顧類添加到：

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

我覺得東西給它顯示：塊; CSS屬性，這是造成這個問題。

來源

2013-01-19 10:28:05 Gajotres

感謝您給我一個地方看，但不幸的是我完全刪除了我的樣式表，它仍然顯示在盒子外面。我完全難住... – Dan

值得一提的是，這個按鈕是嵌套在一個列表視圖，divs和一個網格？ – Dan

另外，因爲數據庫中的文本和新選擇的項目都是可見的，當你選擇一個新的顏色，我只能推斷，從數據庫檢索的數據不被視爲按鈕中的文本，否則它將被getItemColours函數添加的文本替換。 – Dan

JQM定位按鈕文本出現在按鈕外

回答

相關問題