如何解决/更改折叠和展开状态的标题中的文本颜色?谢谢!更改jQuery移动可折叠设置上的文字颜色?
1
A
回答
0
您可以手动更改在collapse
和expand
事件的崩溃/扩展头部的颜色:
$("#mycollapsible").bind('expand', function() {
// Change color here
}).bind('collapse', function() {
// Change color here
});
其中#mycollapsible
是你的可压缩集的ID。
全部工作示例:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script>
function toggle_color() {
$("#mycollapsible .ui-icon-arrow-r").parent().find(".ui-btn-text").css('color', "red");
$("#mycollapsible .ui-icon-arrow-l").parent().find(".ui-btn-text").css('color', "blue");
}
$(function() {
// Initialization
toggle_color();
// Binding collapse/expand event
$("#mycollapsible").bind('expand', function() {
toggle_color();
}).bind('collapse', function() {
toggle_color();
});
});
</script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>My Title</h1>
</div>
<!-- /header -->
<div data-role="content">
<p>Hello world</p>
<div id="mycollapsible" data-role="collapsible-set" data-iconpos="right" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-l">
<div data-role="collapsible" data-collapsed="true" >
<h3>Section 1</h3>
<p>I'm the collapsible set content for section 1.</p>
</div>
<div data-role="collapsible" data-collapsed="true">
<h3>Section 2</h3>
<p>I'm the collapsible set content for section 2.</p>
</div>
</div>
</div>
<!-- /content -->
</div>
<!-- /page -->
</body>
</html>
希望这有助于;)
相关问题
- 1. 更改折叠的导航栏颜色
- 2. 更改折叠式下拉菜单中文字的颜色
- 3. JQuery Mobile可折叠标题颜色
- 4. jquery - 更改文字颜色
- 5. 更改可点击折叠的颜色实现
- 6. 更改折叠文字
- 7. 如何更改Vim上的折叠部分颜色
- 8. 如何更改活动时的折叠颜色?
- 9. jquery移动更改复选框颜色
- 10. 更改颜色collapsibleset jquery移动
- 11. 将jquery移动复选框放置在可折叠标题上
- 12. 扩展时更改可折叠列表标题颜色
- 13. 如何更改jQuery Mobile中可折叠列表的颜色和计数泡泡
- 14. Jquery Mobile:动态更改可折叠div的标题文本?
- 15. 在滚动时更改工具栏颜色而不折叠
- 16. jquery可折叠的默认设置
- 17. 在vim折叠线中更改折线nr颜色
- 18. Dygraph在折叠的jQuery移动可折叠小部件上未显示
- 19. jQuery Mobile可折叠ListView更改图标
- 20. 动态更改折线颜色
- 21. 更改偏好设置活动文字颜色
- 22. 展开后jQuery Mobile 1.0可折叠设置的滚动位置
- 23. 在网页上的可折叠集的jQuery的移动宽度
- 24. Div折叠更改位置
- 25. 更改文字的颜色上选择
- 26. JQuery更改文本颜色
- 27. jQuery的移动图标disapear在可折叠集上
- 28. 可折叠设置面板
- 29. 更改颜色/折叠的,我怎么独立于CSS
- 30. 更改折叠菜单的背景颜色
添加类和关闭 –
当div有以下属性,当它展开删除类:data-collapsed =“false”,当它折叠时,它的data-collapsed =“true”。 –
谢谢,但任何代码示例? – harp