Question

我使用的是一个简单的jQuery代码，它应该将某些内容记录到控制台，但它没有做任何事情。这是我的代码：

<a class="header_contact" id="trigger_kontakt">Kontakt</a>
<a class="header_search"><img id="trigger_suche" src="someimage.jpg" /></a>

$("#trigger_kontakt").click(function() {
  console.log("Kontakt");
  (".contact_box").addClass("active");
  (".search_box").removeClass("active");
});

正确加载JS代码，并在jQuery引用后加载;但我没有记录到控制台 - 为什么会这样？

谢谢！

Answer 1

也许你应该尝试通过像这样把代码放在那里来聆听文档

$( document ).ready(function() {
  console.log( "ready!" );
});

Answer 2

你的代码无法运行，$缺失。

＆＃13;

$("#trigger_kontakt").click(function() {
console.log("Kontakt");
$(".contact_box").addClass("active");
$(".search_box").removeClass("active");
});

＆＃13;

.active{
  color:red;
}

div{ width:100px;height:50px;border:1px solid #000;display:inline-block;}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="header_contact" id="trigger_kontakt">Kontakt</a>
<a class="header_search">Search</a>

<br>
<div class='contact_box'>.contact_box</div>
<div class='search_box'>.search_box</div>

＆＃13;

单击处理程序未执行

2 个答案: