jQuery Mobile頁腳中的動態按鈕？

將按鈕動態注入JQM頁腳看起來是一種挫敗感。任何人都有線索如何適用於此適當的格式？這裏有幾個異常，我發現試圖做到這一點：jQuery Mobile頁腳中的動態按鈕？

多列按鈕網格格式不正確頁腳
數據角落=「false」屬性（獲得沖洗按鈕）不不適用於頁腳中的第一個和最後一個按鈕
對於頁腳按鈕，data-role =「controlgroup」data-type =「horizontal」，如果按鈕太多以適合一行，則樣式顯示奇怪（因爲一些按鈕會有圓角，其他按鈕不會）
如果數據角色=「controlgroup」數據類型=「水平」頁腳按鈕省略，按鈕可以被部分地呈現關閉屏幕...

一般而言 - 哎呀!!! ！任何人都可以動態地將按鈕插入頁腳？如果是這樣，非常感謝聽到這是如何實現的。謝謝！

2012-01-17 Mark

多列按鈕網格未在頁腳中正確格式化 - 這是我對此的迴應。

有一件事要檢查您是否使用帶有href鏈接的控件組 - 確保控件組中的每個鏈接都具有以下CSS;

vertical-align:top;

如果您將它們設置爲按鈕樣式，您還必須更好地控制元素的外觀。我張貼了類似的討論在這裏：

https://forum.jquery.com/topic/jquery-mobile-horizontal-control-groups-creating-a-custom-split-list

https://forum.jquery.com/topic/css-code-to-help-control-entire-button-in-a-jquery-mobile-theme

希望有所幫助。

來源

2012-01-17 17:35:16 imaginethepoet

會是這樣的工作：

http://jsfiddle.net/eznh8/7/

$('#addButtonName').click(function() { 
    var theFooter = $('#addMoreButtons'); 
    var buttonName= $('#newButtonName'); 

    if(buttonName.val() != '') { 
     theFooter.append('<a href="#" data-role="button" data-icon="delete">'+buttonName.val()+'</a>'); 
     buttonName.val(''); 
     $('#theHomePage').trigger('create'); 
    } 
});

HTML

<div data-role="page" id="theHomePage"> 
    <label for="basic">Button Name:</label> 
    <input type="text" name="newButtonName" id="newButtonName" value="" /> 
    <a href="#" data-role="button" id="addButtonName">Add New button</a> 
    <div data-role="footer" class="ui-bar" id="addMoreButtons"> 
    </div> 
</div>

來源

2012-01-17 17:51:56

感謝。我想我只是遇到了一些腳本中常見按鈕的特性 - 並將其歸因於我的動態變化。我現在看到的是頁腳按鈕有時會溢出到屏幕的右側 - 如果逐漸調整結果JQM面板的大小，您可以輕鬆看到它。這不會發生在正文中的正常內聯按鈕（只是嘗試了它）。另外，我在我的html中有一個預定義的按鈕，並且更加動態地添加。事實證明，JQM在第一個預定義頁腳按鈕之後放置更多空間，但如果該按鈕被動態插入，則不會放置更多空間... hmmm – Mark 2012-01-17 19:26:26

http://jsfiddle.net/mokesmokes/8VS7F/逐漸調整JQM面板寬度並查看醜陋在頁腳的右側（最右邊的按鈕的最後一個字符被切碎）。這在我動態添加按鈕時會發生。 – Mark 2012-01-17 20:11:54

也許添加一些填充？觀點？我會玩弄它，另一個例子：http://jsfiddle.net/eznh8/8/ – 2012-01-17 20:23:37

jQuery Mobile頁腳中的動態按鈕？

回答

相關問題