时间戳

首页 > 解决方案 > Jquery点击事件未触发

javascript - Jquery点击事件未触发

问题描述

我正在重新制作我的网站，并希望从头开始做所有事情（没有引导程序、基础等）。现在我正在制作导航栏，并试图让它在点击时切换滑入和滑出。由于某种原因，点击事件不起作用，我不确定我做错了什么。我在这里用codepen做了一个粗略的例子

HTML

<script src="jquery-3.4.1.min.js"></script>
<div class="box"></div>

CSS

.box {
  transform: translateX(0);
  width: 100px;
  height: 100px;
  background-color: red;
  transition: transform 250ms;
}
.slide {
  transform: translateX(250px);
}

JS

$(function() {
  $('.box').on('click', function(slideToggle) {
    $(this).toggleClass('slide');
  });
});

标签： javascriptjqueryhtmlcss

解决方案

对于您的代码笔示例：

转到设置-> 添加库-> 搜索 jquery 并选择。

如果这与您的真实代码相同：

打开控制台-> 检查 $ 是否未定义或 $ 不是 jquery ？

如果 $ 未定义，则添加一个有效的 jquery cdn url。

如果 $ 不是 jquery，请尝试查找冲突的库。

推荐阅读