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页脚中的动态按钮？

回答

相关问题