将图像添加到可折叠内容标题 [英] Add image to collapsable content header
本文介绍了将图像添加到可折叠内容标题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在关注可折叠内容文档 -
http://jquerymobile.com/demos/1.0a4.1/docs/content/content-collapsible.html
I'm following the collapsible content doc at - http://jquerymobile.com/demos/1.0a4.1/docs/content/content-collapsible.html
是否有方法在标题字段中向右添加图像(在标题字段下方的代码中由'Test'引用)。
Is there a method of adding an image to the right, within the header field (in code below the header field is referenced by 'Test').
<div data-role="collapsible" data-collapsed="true">
<h3>Test</h3><add image here>
</div>
我似乎无法在文档中找到任何内容。
I can't seem to find anything in the docs.
感谢您的帮助
推荐答案
- 实例:http://jsfiddle.net/xMbyP/3/
- 示例#2:http://jsfiddle.net/xMbyP/4/
- Navbar想法: http://jsfiddle.net/5Y3qT/12/
- Live Example: http://jsfiddle.net/xMbyP/3/
- Example #2: http://jsfiddle.net/xMbyP/4/
- Navbar idea: http://jsfiddle.net/5Y3qT/12/
HTML
<div data-role="page" id="home">
<div data-role="content">
<div data-role="collapsible">
<h3>I'm a header</h3>
<p>I'm the collapsible content.</p>
</div>
<div data-role="collapsible" data-collapsed="true">
<h3>With Image <img src="http://jquerymobile.com/demos/1.0a4.1/docs/lists/images/us.png" alt="US Flag" /></h3><p>I'm another collapsible content.</p>
</div>
</div>
</div>
这篇关于将图像添加到可折叠内容标题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文