我有问题来修复内部有多个复选框的div的高度,因此高度不超过窗口(正文)的100%.我尝试了这么多员工,所以我没有解决方案.如果有人知道一些技巧来帮助我这个,我会非常高兴
$(".open").on("click", function () {
$("#multiselect-wrap").animate({
left: 0
});
$(".open").hide();
$(".close").show();
});
$(".close").on("click", function () {
$("#multiselect-wrap").animate({
left: -220
});
$(".open").show();
$(".close").hide();
});#multiselect-wrap {
background-color: #f6f6f6;
width: 200px;
padding: 0 8px 10px 10px;
border: solid 1px #c0c0c0;
position: fixed;
height: 100%;
}
.multiselect {
width: 200px;
height: 100%;
overflow:auto;
border: solid 1px #c0c0c0;
background-color: #fff;
}
.multiselect label {
display:block;
cursor: pointer;
padding: 4px 10px;
}
.multiselect input {
float: right;
cursor: pointer;
}
.multiselect p {
padding-left: 5px; …我试图找到解决方案,但我不能,每一个代码都不适合我的项目.这是导航结构
<nav>
<ul class="menu">
<li>
<ul class="submenu">
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
</ul>
</li>
<li>
<ul class="submenu">
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
</ul>
</li>
<li></li>
<li></li>
</ul>
</nav>$(".menu li").click(function(){
$(this).toggleClass("visible");
});
$('body').click(function(){
if( $(".menu li").hasClass("visible") ){
$(".menu li").removeClass("visible");
};
});接下来要做的是:
.menu li添加课程active.menu li项目或打开时.submenu li a,active从li具有该类的另一个项目中删除该类.menu li我希望你明白我想要的.抱歉我的语法不好
更新:
修改后的代码:@Sasa Novakovic(再次感谢兄弟:))
function removeActiveMenuClass(active_element){
$('.menu li').not(active_element).removeClass('visible');
}
$( '.menu>li' ).click(function(e) {
e.stopPropagation();
var $_this = $(this);
removeActiveMenuClass($_this); …