функция JQuery работает без вызова

Question

Моя основная установка такова:

function overLink (e){ 
    alert(e); 
} 
$(document).ready(function() { 
    $("#id").mouseover(overLink(this)); 
}); 

Однако «overLink» вызывается при загрузке страницы, а не когда «#id» завис. Я читал, что это из-за() в объявлении моей функции, но я не могу удалить это, поскольку я хочу передать селектор функции. Есть идеи?

Спасибо!

Answer 1

Что вы делаете, когда вы «передаете» this функции, которую вы выполняете, это фактически вызвать функцию. Попробуйте это вместо

$(document).ready(function() { 
    $("#id").mouseover(function() { 
     overLink(this); 
    }); 
}); 

Answer 2

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

$("#id").mouseover(overLink); 

Answer 3

Это правильный способ вызова функции: -

function overLink (e){ 
    alert(e); 
} 
$(document).ready(function() { 
    $("#id").mouseover(function() { 
    overLink(this); 
    }); 
}); 

Answer 4

Когда имя функции следуют скобки (()), то немедленно вызывается (выполняется) JavaScript. Чтобы передать это как ссылку, опустите parens. Это будет работать: -

$(document).ready(function(){ 
    $("#id").mouseover(overLink); 
}); 

Но поскольку вы передаете аргумент для overLink, вы должны использовать анонимную функцию: -

$(document).ready(function(){ 
    $("#id").mouseover(function(){ 
    overLink(this); 
    }); 
}); 

Answer 5

Там нет необходимости передавать this в качестве аргумента как this в overLink будет элементом в любом случае.

function overLink(){ 
    alert(this); 
} 
$(document).ready(function() { 
    $("#id").mouseover(overLink); 
});