87,910
社区成员
发帖
与我相关
我的任务
分享bootstrap 使用tab.js出现问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link href="index.css" rel="stylesheet">
<title>立应数据查询</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="My97DatePicker/WdatePicker.js"></script>
<script src="index.js"></script>
</head>
<body>
<h1 class="title">立应数据统计图</h1>
<ul class="nav nav-pills nav-justified" role="tablist" id="myTab">
<li role="presentation" class="active"><a href="#BarCharts" role="tab" data-toggle="pill">柱形图</a></li>
<li role="presentation"><a href="#lineChart" role="tab" data-toggle="pill">折线图</a></li>
<li role="presentation" class="disabled"><a href="#pieChart" role="tab" data-toggle="pill">扇形图</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class=" tab-pane fade in Liin-statistical-figure Bar-charts active" id="BarCharts">
<div id="container1"></div>
<div id="container2"></div>
<div class="max_avg">
<br><br><span class="span0"></span> 至 <span class="span1"></span> <span class="span2"></span> 订单平均价格: <span
class="span3"></span><br><br>
<span class="span0"></span> 至 <span class="span1"></span> <span class="span2"></span> 类型的订单最高价格: <span
class="span4"></span><br><br>
</div>
<div class="sorch-data">
开始时间：<input id="beginTime" type="text"/>
<img onclick="WdatePicker({el:'beginTime'})" src="./My97DatePicker/skin/datePicker.gif" width="16"
height="22" align="absmiddle">00:00
<br/><br/>
结束时间：<input id="finishTime" type="text"/>
<img onclick="WdatePicker({el:'finishTime'})" src="./My97DatePicker/skin/datePicker.gif" width="16"
height="22" align="absmiddle"> 00:00
<br/><br/>
<select id="serviceType">
<option value="" selected="selected">各类型总量</option>
<option value="999">全部类型展示</option>
<option value="1">取快递</option>
<option value="2">寄快递</option>
<option value="3">打印资料</option>
<option value="4">买（带）东西</option>
<option value="6">搬运物资/行李</option>
<option value="8">修电脑</option>
<option value="9">缴费</option>
<option value="10">课程辅导</option>
</select>
<br><br>
<span class="timeChoose" id="NearThree">近三天</span><span class="timeChoose" id="nearSeven">近七天</span><span
class="timeChoose" id="nearOneMonth">近三十天</span><br><br>
<button class="btn btn-info search-btn">查询</button>
</div>
<div role="tabpanel" class="tab-pane fade Liin-statistical-figure line-chart" id="lineChart">666666666</div>
<div role="tabpanel" class="tab-pane fade Liin-statistical-figure pie-chart" id="pieChart">77777777777777</div>
</div>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link href="index.css" rel="stylesheet">
<title>立应数据查询</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="My97DatePicker/WdatePicker.js"></script>
<script src="index.js"></script>
</head>
<body>
<h1 class="title">立应数据统计图</h1>
<ul class="nav nav-pills nav-justified" role="tablist" id="myTab">
<li role="presentation" class="active"><a href="#BarCharts" role="tab" data-toggle="pill">柱形图</a></li>
<li role="presentation"><a href="#lineChart" role="tab" data-toggle="pill">折线图</a></li>
<li role="presentation" class="disabled"><a href="#pieChart" role="tab" data-toggle="pill">扇形图</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class=" tab-pane fade in Liin-statistical-figure Bar-charts active" id="BarCharts">
<div id="container1"></div>
<div id="container2"></div>
<div class="max_avg">
<br><br><span class="span0"></span> 至 <span class="span1"></span> <span class="span2"></span> 订单平均价格: <span
class="span3"></span><br><br>
<span class="span0"></span> 至 <span class="span1"></span> <span class="span2"></span> 类型的订单最高价格: <span
class="span4"></span><br><br>
</div>
<div class="sorch-data">
开始时间：<input id="beginTime" type="text"/>
<img onclick="WdatePicker({el:'beginTime'})" src="./My97DatePicker/skin/datePicker.gif" width="16"
height="22" align="absmiddle">00:00
<br/><br/>
结束时间：<input id="finishTime" type="text"/>
<img onclick="WdatePicker({el:'finishTime'})" src="./My97DatePicker/skin/datePicker.gif" width="16"
height="22" align="absmiddle"> 00:00
<br/><br/>
<select id="serviceType">
<option value="" selected="selected">各类型总量</option>
<option value="999">全部类型展示</option>
<option value="1">取快递</option>
<option value="2">寄快递</option>
<option value="3">打印资料</option>
<option value="4">买（带）东西</option>
<option value="6">搬运物资/行李</option>
<option value="8">修电脑</option>
<option value="9">缴费</option>
<option value="10">课程辅导</option>
</select>
<br><br>
<span class="timeChoose" id="NearThree">近三天</span><span class="timeChoose" id="nearSeven">近七天</span><span
class="timeChoose" id="nearOneMonth">近三十天</span><br><br>
<button class="btn btn-info search-btn">查询</button>
</div>
<div role="tabpanel" class="tab-pane fade Liin-statistical-figure line-chart" id="lineChart">666666666</div>
<div role="tabpanel" class="tab-pane fade Liin-statistical-figure pie-chart" id="pieChart">77777777777777</div>
</div>
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
