Question

无法让jquery在现场网站上发挥其魔力。我试图为自己解决这个问题，但无处可去。它只是将html和css链接到jquery的情况，但我无法做到这一点。帮助赞赏。

我有以下代码：

<html>
    <head>
        <title>Button Magic</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
       <script type="text/javascript" src="jQuery-1.4.1-min.js"></script>
    </head>
    <body>
     <div><br/><strong>Click Me!</strong></div>   
    </body>
</html>

下面是样式表：

div {
    height: 60px;
    width: 100px;
    border-radius: 5px;
    background-color: #69D2E7;
    text-align: center;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    opacity: 0.5;
}

这里是j查询魔术：

$(document).ready(function(){
    $('div').mouseenter(function() {
        $('div').fadeTo('fast',1);
    });
});

Answer 1

文件位置一定有问题。

但如果你的目标是使不透明度变淡。尝试：

div{
    transition: opacity .25s ease;
    opacity: 0.5;
}

div:hover{
    opacity: 1;
}

Answer 2

href中的路径可能不正确。它也可能是拼写或文件名案例问题。

详细了解Absolute and Relative Paths。

使用以下命令启动路径：

./或(no slash)从当前目录开始。
/从根目录开始（您可以放置站点文件的最高级别）。
../从父目录开始（向上一个目录）。

从您的代码中，这就是您的设置。我不知道你的文件是否被命名为index.html，或者它是否在根目录中。

/index.html
/jQuery-1.4.1-min.js
/stylesheet.css

这里有什么路径？

jQuery的1.4.1-min.js
./ jQuery的1.4.1-min.js
/jQuery-1.4.1-min.js

现在，如果您移动了index.html文件或jQuery-1.4.1-min.js文件，那么事情将无效。

<强> A

/about/index.html
/jQuery-1.4.1-min.js
/stylesheet.css

这里有什么路径？

../ jQuery-1.4.1-min.js - 向上移出/about/并查看
/jQuery-1.4.1-min.js - 从根开始，即第一个/

<强>乙

/index.html
/js/jQuery-1.4.1-min.js
/stylesheet.css

这里有什么路径？

js / jQuery-1.4.1-min.js - 从当前目录开始，进入/js/并查看
/js/jQuery-1.4.1-min.js - 从根开始，即第一个/，进入/js/并查看

您可以使用多个../向上移动多个目录。

<强> C

/path/to/some/folder/index.html
/js/jQuery-1.4.1-min.js
/stylesheet.css

这里有什么路径？

../../../../ js / jQuery-1.4.1-min.js - 向上移出/folder/，向上移出/some/，移动向上和向外移出/to/，向上移出/path/，从当前目录开始，然后进入/js/并查看
/js/jQuery-1.4.1-min.js - 从根开始，即第一个/，进入/js/并查看

无法将html文件链接到jquery

2 个答案: