我试图在div .cam1和div .cam2之间切换,但没有任何工作,继承代码;
HTML:
<div class="cam1"></div>
<div class="cam2"></div>
CSS:
.cam1 {
position:absolute;
height:100%;
width:100%;
background-color:red;
}
.cam2 {
position:absolute;
height:100%
width:100%
background-color:blue;
}
JS:
$('.cam2').hide();
$('.cam1, .cam2').on('click',
function()
{
$('.cam1, .cam2').toggle()
}
);
$(document).read(main)
答案 0 :(得分:3)
当您尝试隐藏事件并将事件绑定到它们时,不会加载您的dom元素。您需要将代码包装在DOM ready事件中:
$(function(){
$('.cam2').hide();
$('.cam1, .cam2').on('click',function(){
$('.cam1, .cam2').toggle();
});
});
<强> Demo 强>