欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

请好手帮忙看下这段代码

更新时间: 2014-01-05 01:51:46 责任编辑: Author_N1

 

请高手帮忙看下这段代码
代码如下

index.html

<html>
<head>
<link rel="stylesheet" href="view/leaflet.css" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="view/leaflet.ie.css" />
<![endif]-->
<link rel="stylesheet" href="view/bootstrap.min.css">
<link rel="stylesheet" href="view/bootstrap-theme.min.css">
<link href="view/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="view/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="view/style.css"/>
<script src="js/lib/jquery-1.10.2.min.js"></script>
<script src="js/lib/bootstrap.min.js"></script>
<script src="js/lib/bootstrap-dropdown.js"></script>
<script src="js/lib/bootstrap-button.js"></script>
</head>
<body>
<!--Insert panel via DOM insertion through jQuery in the future-->
<div id="panel" style="background-color:maroon;">
        <div style="position:absolute; float:right;">
<button id="paneltoggle" class="btn">Hide panel</button>
</div>
<div id="map"></div>
</body>
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
<script src="js/map.js"></script>
<script src="js/panel.js"></script>
</html>



panel.js:

$('.dropdown-toggle').dropdown();

var hidden=false;

$("#paneltoggle").click(function() {
$("div.panel").toggle(1000);
$("div.map").attr("style", "width:100%;");
});



我想点击按钮来隐藏面板,显示整块地图。 但现在点击Hide Panel按钮只能隐藏panel里的东西,但红色背景还是存在,而且地图部分不能变成100%。

小弟初接触javascript,请版里高手指点。

--参考方法--
$("#paneltoggle").click(function() {
    $("div#panel").toggle(1000);
    $("div#map").attr("style", "width:100%;");
});
.是class #为id
--参考方法--
把那个按钮放到那个要隐藏的div外面来
--参考方法--
<body>
    <!--Insert panel via DOM insertion through jQuery in the future-->
    <div id="panel" style="background-color:maroon;">
        <div style="position:absolute; float:right;">
        <button id="paneltoggle" class="btn">Hide panel</button>
    </div>
    <div id="map"></div>
</body>
少个闭合的div啊
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:51:46
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/2169/
本文WWW.DOC100.NET DOC100.NET版权所有。