Question

当我运行以下代码并鼠标悬停时，href没有任何变化（没有高亮，没有更改光标）。如果我按住它，则悬停事件会抛出警报。

我不知道哪些是错的，这会影响我的网络项目，但也会发生非常基本的代码。

HTML：

<a href='www.google.com' class='link'>Test</a>

的CSS：

.link{
    color: #000;
}
a.link:hover{
    font-size: 18px;
    color: #00FF00;
}

jsFiddle

同时删除100％的jQuery也没有帮助，我只是用它来调试正在发生的事情。

Answer 1

问题还不清楚，我可以猜测。

我认为您的网页样式在本地设置为“无”。

来自https://support.mozilla.org/en-US/kb/websites-look-wrong-or-appear-differently#w_reset-the-page-style

您可能无意中将页面样式设置为无样式。要确保将Firefox设置为使用页面的默认样式：

按Alt键暂时显示传统的Firefox菜单，单击“查看”菜单，然后选择“页面样式”，再单击“基本页面样式”。

现在页面正在使用其默认样式，它可能会正确显示。

（其他浏览器的类似过程。）

Answer 2

这将解决您的问题：

<script>
$(document).ready(function(){
    $('#test').hover(function(){
        alert('test');
    });
});
</script>

或者你可以简单地使用：

<script>
$(function(){
    $('#test').hover(function(){
        alert('test');
    });
});
</script>

Answer 3

<script type="text/javascript">
$(document).ready(function()
                  {
                     $('#test').hover(function(){
                     alert('test');
                      });
                  });
</script>

注意：使用JQUERY LIBRARY 1.7.2

让它像这样

<a id="test" href="javascript:void(0)">Test</a>

本地href不会鼠标悬停/悬停在WAMP中

3 个答案: