Question

你好，我有一个简单的问题，我已经研究了一部分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>

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

0 个答案: