0

好的，我知道至少可以说其中有相当多的这些线程，并且我已经尝试了很多解决方案，但我似乎无法让我的 jQuery 工作。我很确定我已经正确链接了它，并且在我的代码中看不到任何明显的错误（尽管我对此很陌生），而且有点令人沮丧。

我所做的是用一个名为“按钮”的类创建了几个 div，我正在努力做到这一点，当你将鼠标悬停在它们上面时，它们会变成半透明的，当你离开它们时它们会恢复正常. 但是，由于某种原因，它似乎不起作用。

无论如何，这是我的 HTML 的相关部分：

<head>
<title>Testing</title>
<link rel="stylesheet" type="text/css" href="main.css"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>

还有我的 jQuery 代码：

$(document).ready(function(){
    $(".button").mouseenter(function(){
        $(this).fadeTo("slow", 0.5);
    });
    $(".button").mouseleave(function(){
    $(this).fadeTo("slow", 1);
    });
});

还有我的 CSS，以防万一（以防万一）：

.button {
height:50px;
width:150px;
border-radius:5px;
background-color:#C7C7C7;
border:2px solid black;
display:inline-block;
text-align:center;
font-size:26px;
line-height:50px;
margin-bottom:5px;
}
4

2 回答 2

3

如果您没有运行某种服务器，并且只在本地进行测试，那么您的问题可能出在这一行：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

尝试将其更改为：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

注意添加http://

为什么？您可以在这篇文章中阅读有关无头 CDN 的内容，但如果您没有在本地运行 Web 服务器，则必须包含 http://

http://encosia.com/3-reasons-why-you-should-let-google-host-jquery-for-you/#protocolless

使用无协议引用时要记住的主要警告是，它将在通过 file:/// 加载的页面上失败（即直接从磁盘加载到浏览器的 HTML 页面）。因此，如果您碰巧在没有 Web 服务器的情况下进行开发，请务必在 URL 中包含 http: 协议，但不要担心会忽略它。

于 2013-10-03T19:27:25.003 回答
0

您缺少 jQueryUI 样式表。尝试这个：

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
</head>

注意最后一个（技术上应该是第二个，但这样更容易注意到......）

于 2013-10-03T19:32:37.387 回答