Javascript запускается при загрузке страницы вместо события (ошибка)

Question

У меня самая странная проблема, когда я вызываю функции для события. Я пытаюсь запустить функцию при изменении размера окна, используя $(window).resize(), но, похоже, она срабатывает, как только DOM загружается, и никогда больше.

Я, наверное, упускаю что-то очень простое здесь, но я смотрю на это весь день, и мне нужно немного посторонней помощи.

Я создал разбавленную версию на JSfiddle, которая делает то же самое, но использует $('a').click() вместо $(window).resize(), так что это немного проще для тестирования. Поскольку та же самая проблема возникает, у меня есть чувство, что с моей функцией что-то не так, но я просто не вижу этого.

Ссылка здесь http://jsfiddle.net/sambeckhamdesign/APLZ2/1/

Answer 1

Попробуйте:

$('a').click(function(){
    alert('hello');
}, imageResizer());​

Answer 2

Вы запускаете событие вместо назначения ему обработчика

$('a').click(alert('hello'), imageResizer());​

Должно быть

$('a').click(function(event) {
   event.preventDefault(); // I suppose you will want that ... it will avoid your window jumping to the top when you click due to the href="#"
   alert('hello');
   imageResizer();
});​

Answer 3

Вы запускаете функцию и отправляете ее вывод в JQuery в качестве параметра:

$('a').click(alert('hello'), imageResizer());

Вместо этого попробуйте следующее:

$('a').click(function() {alert('hello');  imageResizer(); });

Это обеспечивает анонимную функцию, котораябудет запущен при щелчке по элементу, вызывая imageResizer (), в то время как, как вы это сделали, он запустил функцию imageResizer () и поместил возвращаемое значение в обработчик onclick.Причина, по которой это не сработало позже, заключалась в том, что он обрабатывал бы любое возвращаемое значение функции imageResizer () как код, который пытался запустить.