我遇到的问题是,当我尝试在javascript中加载dashboard.html,然后将<div id="dash" style="..."></div>放在<div id="toolbar">下面时,整个dashboard.html文件不可见吗?但是,如果我将<div id="toolbar">放在<div id="dash" style="..."></div>下面,那么dashboard.html是否可见?我希望工具栏位于上方,而不位于下方,该如何工作?

index.html(这不起作用,因为破折号在工具栏下面。)

<!DOCTYPE html>
<html>
<head>

    <script src="js/jquery-2.1.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <script type="text/javascript" src="canvasjs-1.6.2/canvasjs.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css">

    <script>
        $(function(){

        $("#toolbar").load("TopNavigationBar.html");
        $("#dash").load("dashboard.html");
        });
    </script>

</head>
<body>

      <div id="toolbar">
      <div id="dash" style="height:600px;width:1280px; background-image: url('img/dashboard-layout.png'); background-repeat: no-repeat; background-color: #303032;"></div>

</body>
</html>


index.html(这是有用的,因为破折号在工具栏上方。

<!DOCTYPE html>
<html>
<head>

    <script src="js/jquery-2.1.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <script type="text/javascript" src="canvasjs-1.6.2/canvasjs.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css">

    <script>
        $(function(){

            $("#toolbar").load("TopNavigationBar.html");
        $("#dash").load("index.html");
        $("#selectTable").load("ListOfTableSensors.html");
        });
    </script>

</head>
<body>
      <div id="dash" style="height:600px;width:1280px; background-image: url('img/dashboard-layout.png'); background-repeat: no-repeat; background-color: #303032;"></div>
        <div id="toolbar">


</body>
</html>

最佳答案

您需要关闭

<div id="toolbar">


更改为

<div id="toolbar"></div>


它应该做您想要的。

测试尝试

<div id="toolbar">Hello</div>
  <div id="dash" style="height:600px;width:1280px; background-image: url('img/dashboard-layout.png'); background-repeat: no-repeat; background-color: #303032;"></div>


并且您将在hello div上方看到dash

10-05 21:07
查看更多