Javascript 最小化和最大化<;部门>;
参考各种源代码,我编写了一个代码来最小化和最大化JSP代码中的div标记,如下所示:Javascript 最小化和最大化<;部门>;,javascript,html,css,jsp,Javascript,Html,Css,Jsp,参考各种源代码,我编写了一个代码来最小化和最大化JSP代码中的div标记,如下所示: <style type="text/css" media="screen" > #editor { position: absolute; top: 0; right: 20%; bottom: 0; left: 0; } #widnow { position: absolute; top: 72.5%; right: 0;
<style type="text/css" media="screen" > #editor {
position: absolute;
top: 0;
right: 20%;
bottom: 0;
left: 0;
}
#widnow {
position: absolute;
top: 72.5%;
right: 0;
bottom: 0;
left: 0;
width: auto;
border: solid 1px;
}
#title_bar {
background: #FEFEFE;
height: 25px;
width: 100%;
}
#button {
border: solid 1px;
width: 25px;
height: 23px;
float: right;
cursor: pointer;
}
#box {
height: 250px;
background: #DFDFDF;
}
</style >
#编辑器{
位置:绝对位置;
排名:0;
右:20%;
底部:0;
左:0;
}
#维德诺{
位置:绝对位置;
最高:72.5%;
右:0;
底部:0;
左:0;
宽度:自动;
边框:实心1px;
}
#标题栏{
背景:#FEFEFE;
高度:25px;
宽度:100%;
}
#钮扣{
边框:实心1px;
宽度:25px;
高度:23px;
浮动:对;
光标:指针;
}
#盒子{
高度:250px;
背景:#dfdf ;;
}
=============================
<div id="widnow">
<div id="title_bar">
<div id="button">-</div>
</div>
<div id="box">
</div>
</div>
<script type="text/javascript">
$("#button").click(function(){
if($(this).html() == "-"){
$(this).html("+");
}
else{
$(this).html("-");
}
$("#box").slideToggle();
});
</script>
-
============================
<div id="widnow">
<div id="title_bar">
<div id="button">-</div>
</div>
<div id="box">
</div>
</div>
<script type="text/javascript">
$("#button").click(function(){
if($(this).html() == "-"){
$(this).html("+");
}
else{
$(this).html("-");
}
$("#box").slideToggle();
});
</script>
$(“#按钮”)。单击(函数(){
如果($(this.html()=“-”){
$(this.html(“+”);
}
否则{
$(this.html(“-”);
}
$(“#框”).slideToggle();
});
这给了我一个像这样的div标签
但是,当我单击最小化按钮(即右上角的)时,什么也没有发生。
如图所示,代码运行良好,但在我的jsp中不起作用
怎么办?我的错误在哪里?是否检查了JavaScript冲突?我以前有过这样的问题。删除
<script src="js/jquery.autocomplete.js"></script>
从JSP中的head添加
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
这很好。您是否包括jquery?您可以提供呈现的html代码或任何link@Shafeeq是的,我已经在chromeThe中包含了您的JSFIDLE作品,代码如演示所示,但在我的servlet中无法工作。请检查我下面的答案。