总之,我有一个流媒体网站,我想用jQuery做一个切换按钮来切换到黑暗/光明模式。请查看我的代码,我的代码有什么问题,bcz这对我不适用。
在页脚中。php(在正文上方)
<div class="gelap-terang"></div>
<script>
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery(".gelap-terang").hide();
jQuery("#gelap-terang").click(function(){
jQuery(".gelap-terang").toggle();
});
});
</script>
在播放器中。php...
<div class="player_nav">
<button id="gelap-terang">Change Mode</button>
</div>
...
CSS代码.gelap-terang {
height:100%;
width:100%;
background-color:black;
opacity:.8;
position:fixed;
top:0;left:0;
z-index:1;display:none;}
#player2, .player_nav {
z-index:99;
position:relative;}
该按钮在播放器视频下方看起来非常完美,但<div class="gelap-terang"> 单击按钮时不会显示。我试图删除“显示:无在中。gelap terang CSS代码<div class="gelap-terang"> 显示并看起来不错,但单击按钮时不会切换(隐藏)。