Функция внутри переменной для создания события mouseover

Question

Я пытаюсь создать функцию события mouseover, которая содержит переменную. Я планирую использовать if и else для достижения мыши и мыши (или out). Я попытался объяснить это далее по этой ссылке в // комментариях. http://jsfiddle.net/EsEBY/14/

JQuery:

var n = $("#block").mouseover(function() {}); 

if (n) { //if variable n (mouseover) occurs on #block, make #block opacity 1 
$("#block").css("opacity", "1"), 
alert("Working!"); 
} else { //else #block opacity .5 
$("#block").css("opacity", ".5"); 
} 

CSS:

#block { 
width:5em; 
height:5em; 
background:#CCC; 
margin:1em; 
} 

Я, вероятно, получил все это неправильно, но я пытаюсь сделать это по-другому от .hover метода.

Answer 1

Что вам нужно

$("#block").hover(function() { 
    $(this).css("opacity", "1"); 
}, function(){ 
    $(this).css("opacity", ".5"); 
}); 

Демо: Fiddle

mouseover не работает так, код, который предполагают, чтобы работать на мыши над должен быть в функции обратного вызова передается в мероприятие.

В вашем случае вам необходимо изменить непрозрачность на 1, когда Мышелов войти в #block и он изменившийся .5 когда листы мыши, для этой цели вы можете использовать .hover() обработчиков событий

Answer 2

Если вы просто пытается изменить прозрачность при наведении курсора мыши с помощью JQuery, то это, вероятно, что вы пытаетесь сделать:

$("#block").mouseover(function() { 
    $(this).css('opacity', '1'); 
}).mouseout(function(){ 
    $(this).css('opacity', '.5'); 
}); 

Однако, это, вероятно, лучше выполняются с помощью CSS:

<style type="text/css"> 
#block { 
    opacity: .5; 
} 

#block:hover { 
    opacity: 1; 
} 
</style>