jQuery中的Sublime文本？ 代码不起作用

Question

I am wondering if you can help. I am previewing my code in a Firefox build system using Sublime text 3. The HTML and CSS are fine however my jQuery dosen't work despite being properly linked etc. Here is my code:

Answer 1

I just observed one thing, you are adding the class and removing it immediately on hover hence the div is unaffected

Try this code, if you are trying to add the class only on hover and remove it when not hovered

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

For reference see the following jsfiddle:

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

Hope this helped

Answer 2

I see in your CSS that "manifestotitle" refers to an id (#manifestotitle) could you try converting it to a class?

EDIT: Ok, I think I got it. I downloaded your code and messed around a bit. This is what I changed to make it work:

1. Change your CDN for jquery to the official one:

2. "manifestotitle" should be a class as your javascript is using it as one. So you should make these changes. In your HTML:

   <div class="manifestotitle">

And in your CSS file:

    `.manifestotitle {`

3. Fix your selector in your js:

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

That got it working for me, hope it helps!

Answer 3

Not an answer however need to show more code!

It seems I can't get .hover() and .mouseover() functions to work at all with my code...here is a simple example (using a class rather than an ID also):

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

Surely this should simply change the text I have to red when the mouse is over it? When I preview it in both a Firefox and Chrome build nothing happens!

Thanks