个人中心
gpt4 book ai didi

html - 为什么这部分 html 不可见？

转载 作者：行者123 更新时间：2023-11-28 12:13:01 24 4
gpt4 key购买 nike

我是移动 jQuery 和 HTML 的新手，我正在尝试将一个可折叠集插入另一个 div。

但我不明白为什么父 div 不可见。我能看到可折叠的套装，但看不到其他套装。

我该如何解决这个问题？

<!DOCTYPE html>


<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Creator</title>
    <link rel="stylesheet" href="creator.css">
    <script type="text/javascript" src="jquery-2.0.1.js"></script>

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
    <style>
    html, body { padding: 0; margin: 0; }
    html, .ui-mobile, .ui-mobile body {
        height: 235px;
    }
    .ui-mobile, .ui-mobile .ui-page {
        min-height: 235px;
    }
    .ui-content{
        padding:10px 15px 0px 15px;
    }
    </style>
    <style>
      body { padding-top: 60px; }
      table { width: 100%; }
      td, th {text-align: left; white-space: nowrap;}
      td.numeric, th.numeric { text-align: right; }
      h2, h3 {margin-top: 1em;}
      section {padding-top: 40px;}
    </style>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">


</head>



<body>
    <div class="container">
        <div class="row-fluid">
            <div class="span12" >
                <center><h2>Interface</h2></center>
            </div>
        </div>
    </div>
    <div style="border:3px solid #C0504D;" class="rounded-corners1">
        <div class="container" style="margin-top:10px;">  
            <div class="row">  
                <div class="span2"><p></p></div>  
                <div class="span8 rounded-corners text-center" style="color:white;background-color:#4F81BD;border:3px solid #1D3C8B;">
                    <h2>Creation Interface</h2> 
                </div>
                <div class="span2"><p></div>  
            </div>   
        </div>  
        <div class="container">  
            <div class="row">
                <div class="span2 text-center" style="font-size:20px;"> Base SID: </div>
                <div class='span2'><input disabled class='text-center rounded-corners'value="<?php echo $sid;?>" id="sid" style="background-color:#4F81BD;border:3px solid #1D3C8B;color:white;font-size:18px;"></div>
                <div class="span2"></div>
                <div class="span2 text-center" style="font-size:20px;"> Output File: </div>
                <div class='span2'><input disabled class='text-center rounded-corners'value=" " id="output" style="background-color:#4F81BD;border:3px solid #1D3C8B;color:white;font-size:18px;"></div>
            </div>
        </div>
        <div class='rounded-corners1 col-md-6 col-md-offset-3' style="margin:20px 5px 5px 5px;background-color:#4BACC6;border:3px solid #357D91;text-align:center;color:white; ">
            <div style="margin:30px;">
                <div data-role="page" style="max-height: 240px; min-height: 238px;"   tabindex="0" class="ui-page ui-body-c ui-page-active">
                    <div data-role="content" class="ui-content" role="main"> 
                        <div data-role="collapsible-set" data-theme="c" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" class="ui-collapsible-set ui-corner-all">
                            <div data-role="collapsible" data-collapsed="true">
                                <h3>Address</h3>
                                <p id="address_container">
                                Some hidden content here
                                </p>  
                            </div>

                            <div data-role="collapsible" data-collapsed="true">
                                <h3>About Us</h3>
                                <p id="descriptions_container">
                                Some more hidden content here
                                </p>
                            </div>
                            <div data-role="collapsible" data-collapsed="true">
                                <h3>About Us</h3>
                                <p id="descriptions_container">
                                Some more hidden content here
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> <!-- /container -->
</body>
</html>

最佳答案

我假设您想在另一组中创建一组新的可折叠面板。好吧，我已经尝试过了，它可以正常工作。 

<div data-role="collapsible" data-collapsed="true">
<h3>About Us</h3>
<p id="descriptions_container">
Some more hidden content here
</p>
<div data-role="collapsible-set" data-theme="c" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" class="ui-collapsible-set ui-corner-all">
  <div data-role="collapsible" data-collapsed="true">
      <h3>Address</h3>
      <p id="address_container">
      Some hidden content here
      </p>  
  </div>

  <div data-role="collapsible" data-collapsed="true">
      <h3>About Us</h3>
      <p id="descriptions_container">
      Some more hidden content here
      </p>
  </div>
  <div data-role="collapsible" data-collapsed="true">
      <h3>About Us</h3>
      <p id="descriptions_container">
      Some more hidden content here
      </p>
  </div>

关于html - 为什么这部分 html 不可见？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19377251/

24 4 0
文章推荐： swift - numberOfRowsInSection 函数的参数
文章推荐： javascript - 如何通过 html 标签将每一行换行到文本区域内？
文章推荐： css - 支柱 html :text styleclass
文章推荐： iOS:自动布局的问题。模拟器结果随着 Storyboard的变化而变化
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com