Question

我想知道你是否可以提供帮助。我正在使用Sublime文本3在Firefox构建系统中预览我的代码.HTML和CSS很好，但是我的jQuery虽然正确链接，但仍然无法正常工作。这是我的代码：

Answer 1

我刚刚观察到一件事，你正在添加类并在悬停时立即删除它因此div不受影响

尝试此代码，如果您尝试仅在悬停时添加该类，并在未悬停时将其删除

$('#manifesto').mouseover(function() {
    $(this).addClass('manifestotitle');
}).mouseout(function(){
    $(this).removeClass('manifestotitle');
});

供参考，请参阅以下jsfiddle：

http://jsfiddle.net/x3965auq/2/

希望这有帮助

Answer 2

我在你的CSS中看到“manifestotitle”指的是一个id（#manifestotitle）你可以尝试将它转换成一个类吗？

编辑：好的，我想我明白了。我下载了你的代码并搞砸了一下。这是我改变它使它工作：

将您的CDN for jquery更改为官方CDN
“manifestotitle”应该是一个类，因为你的javascript正在使用它作为一个类。所以你应该做出这些改变。在您的HTML中：

<div class="manifestotitle">

在你的CSS文件中：

    `.manifestotitle {`

将您的选择器修复为js：

$('#manifesto').hover(function () {

这让它对我有用，希望它有所帮助！

Answer 3

不是答案，但需要显示更多代码！

似乎我无法使用.hover（）和.mouseover（）函数完全使用我的代码......这是一个简单的例子（使用类而不是ID）：

HTML:
    <div class="left"><a href="#"><b>Nick Reilly</b></a>
    <P><b><i>(Holding Page)</i></b></P></div>

CSS:
.left {
color: #000000;
left: 50px;
position: fixed;
top: 40px;
font-size: 18px;
z-index: 100;
line-height: 15px;
}

jQuery:
$(document).ready(function(){
 $("#left").mouseover(function(){
addClass('.red');
});
});

当鼠标悬停在它上面时，这应该只是简单地改变我的红色文字？当我在Firefox和Chrome版本中预览时，没有任何反应！

由于

在Sublime文本中的jQuery？代码无效

3 个答案: