Question

所以我试图在我正在构建的网站上使用一些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文档＆＃34; script.js＆＃34;我有这段代码：

$(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');
}); });

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

这个想法是，当我添加了类...＆＃39; .hidden＆＃39;它将使按钮标记的类别的每个图像变为50％不透明度。从某种意义上说，这将突出显示＆＃34;所有＆＃34;品牌＆＃34;或者你有什么。

我一直在寻找有关使用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，但它仍然无法正常工作。

Answer 1

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

在CSS中你有#branding，在HTML和JS中它是一个类。并且您在HTML中以错误的方式添加类。多个类由类属性中的空格分隔，如：

class="one two"

不喜欢class="one" class="two"

试试这个fiddle，它正在使用xD，我刚评论过opacity并使用outline: solid 2px red;。因此，您可以在点击时更好地查看更改。

为什么我的jQuery不起作用

1 个答案: