为什么我的jQuery不起作用

Why isn't my jQuery functioning

本文关键字：不起作用 jQuery 我的 为什么      更新时间：2023-09-26

所以我正在尝试在我正在构建的网站上使用一些jQuery，但似乎没有任何方法可以使其正常工作。

以下是我如何在 html 中链接文件：

<head>
    <title>Eddy: Designer</title>
    <link rel="stylesheet" type="text/css" href="main.css"/>
    <script language="javascript" type="text/javascript" src="jquery.js"></script>
    <script src="script.js"></script>
</head>

然后在我的javascript文档"script.js"中，我有以下代码：

$(document).ready(function () {
"use strict";
$('#branding').click(function () {
    $('.branding').removeClass('.hidden');
    $('.ui').addClass('.hidden');
    $('.logos').addClass('.hidden');
    $('.print').addClass('.hideen');
});
$('#ui').click(function () {
    $('.branding').addClass('.hidden');
    $('.ui').removeClass('.hidden');
    $('.logos').addClass('.hidden');
    $('.print').addClass('.hideen');
});
$('#logos').click(function () {
    $('.branding').addClass('.hidden');
    $('.ui').addClass('.hidden');
    $('.logos').removeClass('.hidden');
    $('.print').addClass('.hideen');
});
$('#print').click(function () {
    $('.branding').addClass('.hidden');
    $('.ui').addClass('.hidden');
    $('.logos').addClass('.hidden');
    $('.print').removeClass('.hideen');
}); });
我的

代码编辑软件说我的 $（document）.ready 在定义之前使用了"$"...我不知道这意味着什么，或者这是否是导致我这些问题的原因。

这个想法是，当我添加类".hidden"时，它将使每个不是按钮标记为类别的图像达到 50% 的不透明度。从某种意义上说，这将"突出显示"所有"品牌"或您拥有的项目。

我一直在看有关使用jQuery的教程，但找不到出了什么问题。请帮忙。我为此感到压力。

我尝试像这样链接jQuery： 

        <link rel="stylesheet" type="text/css" href="main.css"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="script.js"></script>

这并没有解决我的问题。我的jQuery代码写错了吗，这就是它不起作用的原因？似乎我正在正确加载jQuery，但它仍然不起作用。

首先，在 removeClass 和 addClass 方法中有点。你只需要传递类名而不是 .classname，只需要传递类名。作为其他悲伤，您应该检查您的文件夹结构并尝试从某些 CDN 加载 jQuery。

在你的CSS中，你有 #branding，在HTML和JS中它是一个类。而且您在HTML中添加类的方式不正确。多个类在类属性中用空格分隔，如下所示：

class="one two"

不像class="one" class="two"

试试这个小提琴，它正在工作xD，我刚刚评论了opacity并使用outline: solid 2px red;.因此，单击时可以更好地查看更改。

相关文章：