jQuery切换不适用于我的网站,但适用于jsfiddle

你好,我有一个简单的问题,我已经研究了一部分jQuery代码,该代码在jsfiddle上可以正常工作,但是找不到为什么它不能在my website上工作看到切换选项不起作用,并且看不到关闭按钮和隐藏的徽标,自昨天以来,我一直在搜索,因为找不到错误而发疯。



更新

由于@freedomn -m,显然问题出在我的班级“ response-nav”上,后者已经发生了其他事情,例如单击事件。也许它具有preventDefault或return false来停止其他单击事件,所以这就是我的单击事件无法正常工作的原因。 因此,在这种情况下如何添加点击事件,@ freedomn-m要求我添加它,但对我不起作用:

$(".responsive-nav").off("click").click(...



这是我的代码

jQuery(document).ready(function(){

//Change background
$(".responsive-nav").append("<span class='go-to-menu'>☰</span><span class='back-to-homes'>×</span>");
$(".site-logo h2").append("<img src='' style='display:none'>");

$('.responsive-nav').click(function(){
  $('.go-to-menu,.back-to-homes,#site-logo,.site-logo img').toggle();
  $('#site-header').toggleclass('transparent-bg');
  $('#site-header').toggleclass('no-hover');
});
});
.back-to-homes {
font-size: 27px!important;
color: #000;
position: fixed;
top: 58px;
right: 62px;
cursor: pointer;
z-index: 99999;
display: none;
}

.back-to-homes:hover {
font-weight: bold!important;
transition: all 200ms linear;
background-color: transparent!important;
}


.go-to-menu {
font-size: 27px!important;
color: #000;
position: fixed;
top: 58px;
right: 62px;
cursor: pointer;
z-index: 99999;
display: block;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<a href="#" class="responsive-nav"></a>

aishenghuo2009 回答:jQuery切换不适用于我的网站,但适用于jsfiddle

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/2984302.html

大家都在问