jQueryMobile控件之复选框

最新推荐文章于 2020-08-24 16:00:29 发布

每天都有进步

最新推荐文章于 2020-08-24 16:00:29 发布

阅读量169

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/weixin_37141881/article/details/53991716

版权

HTML5 专栏收录该内容

60 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">

    <script src="../jquery-2.2.4.min.js"></script>
    <script src="jquery.mobile-1.4.5.min.js"></script>
    <link type="text/css" rel="stylesheet" href="jquery.mobile-1.4.5.min.css">

</head>
<body>
<div data-role="page">
    <div data-role="header"><h1></h1></div>
    <div role="main">
        <!--默认样式-->
        <div data-role="collapsible">
            <h1>我是Section标题</h1>
            <p>我是内容,你要咋个?</p>
        </div>
        <!--合并属性,不设置主体,默认展开-->
        <div data-role="collapsible" data-content-theme="false" data-collapsed="false">
            <h1>我是Section标题</h1>
            <p>我是内容,你要咋个?</p>
        </div>
        <!--展开列表-->
        <div data-role="collapsible">
            <h1>我是标题</h1>
            <ul data-role="listview">
                <li>item1</li>
                <li>item2</li>
                <li>item3</li>
            </ul>
        </div>

    </div>
    <div data-role="footer"></div>
</div>
</body>
</html>