将图像添加到可折叠内容标题

发布于 2024-11-10 03:09:39 字数 452 浏览 0 评论 0原文

我正在关注可折叠内容文档 - http://jquerymobile.com/demos/1.0a4.1 /docs/content/content-collapsible.html

是否有一种在标题字段内将图像添加到右侧的方法（在标题字段下方的代码中由“测试”引用）。

<div data-role="collapsible" data-collapsed="true">
        <h3>Test</h3><add image here>
    </div>

我似乎在文档中找不到任何内容。

感谢您的帮助

原文

I'm following the collapsible content doc at -
http://jquerymobile.com/demos/1.0a4.1/docs/content/content-collapsible.html

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.

Thanks for any help

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

抽个烟儿 2024-11-17 03:09:39

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>

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>

回复收藏 0 原文

雨后彩虹 2024-11-17 03:09:39

在主 div 内使用左右浮动的两个 div 怎么样？

<div data-role="collapsible" data-collapsed="true">
    <div style="float: left;"><h3>Test</h3><add image here></div>
    <div style="float: right;"><img src="parth/to/image.ext" /></div>
</div>

What about using two divs with left and right float inside main div?

<div data-role="collapsible" data-collapsed="true">
    <div style="float: left;"><h3>Test</h3><add image here></div>
    <div style="float: right;"><img src="parth/to/image.ext" /></div>
</div>

回复收藏 0 原文

~没有更多了~