当按钮附加到标题时图标不改变
icon not changing when button appended to header
我在标题中添加了一个按钮,唯一出现的图标是plus,其他任何东西都不起作用??
JavaScript$('#addbuttons').append('<a href="#" data-role="button" data-inline="true" data-iconpos="notext" data-icon="gears" data-theme="b">Edit</a>');
$('#addbuttons').append('<a href="#newevent1" data-role="button" data-iconpos="notext" data-inline="true" data-icon="plus" data-theme="b" data-rel="dialog">New Event</a>');
HTML <div data-role="header">
<h1 class="ui-title" role="heading" id="hdr"></h1>
<div class="ui-btn-right" id ="addbuttons" data-role="controlgroup" data-type="horizontal">
</div>
您需要告诉代码有一个新按钮,它不会神奇地拾取更改。
$('#addbuttons')
.append('<a href="#newevent1" data-role="button" data-iconpos="notext" data-inline="true" data-icon="plus" data-theme="b" data-rel="dialog">New Event</a>')
.find("a")
.button()
.button('refresh'); //<- probably not needed, put it here just in case.
您可以尝试trigger
在data-role=page
上添加create
按钮到addbuttons
后,像这样:
$("[data-role=page]").trigger("create");
下面是一个演示:http://jsfiddle.net/hungerpain/W7NcY/
你也可以尝试再次启动button
,像这样:
$("[data-role=button]").button();
但是你最终会失去圆角。我注意到在按钮init中添加corners : true
并没有帮助。
Demo: http://jsfiddle.net/hungerpain/W7NcY/4/
相关文章:
- 为什么我的引导手风琴图标在展开/折叠时没有改变
- 改变谷歌地图标记图标与不同的地方
- Bootstrap 3崩溃-随着职业的改变而改变图标
- 直接改变谷歌地图标记图标
- 如何改变一个contentscript变量点击Chrome扩展的图标
- 当按钮附加到标题时图标不改变
- 离子改变侧面菜单图标悬停和激活
- 我可以改变引导崩溃,只显示/展开时,单击一个图标
- 如何改变图标或图标的颜色在剑道ui网格过滤器
- 如何在jquery中改变引导图标的颜色
- JsTree:改变"打开"使用“类型”的文件夹图标插件
- 使字体awesome图标改变颜色时,选择菜单的变化
- 改变图标多次使用onclick使用javascript类似于gmail的星星图标
- 图标不改变悬停
- 改变谷歌地理图表标记为自定义png图标
- 使用ol3 (Openlayers 3)改变图标的样式
- 移动浏览器中图标颜色不改变
- 改变图标悬停
- 动态改变颜色的GoogleMap图标/标记
- 宣传单:根据缩放级别改变图标