JavaScript .click() непреднамеренно автозапуск

Question

Я создал пользовательскую переменную/функцию, которую я пытаюсь выполнить при щелчке элемента. По какой-то причине он решает отображать onload и игнорирует .click(). Я потратил некоторое время, пытаясь понять это, но мне не повезло.

Вот моя пользовательская функция:

var movebox = function (entry) { 
    $imagebox.css('left' , '0'); 
    $('#wr').append(entry); 
}; 

Я пытаюсь назвать это так, но он называет его при загрузке страницы вместо.

$l3.click(movebox('test')); 

Answer 1

Вы вызываете movebox затем передать возвращаемое значение щелкнуть обработчик события, в этом случае вы можете использовать регистрационный помощник .on() событий передать data элемент в обработчик событий, который можно получить с помощью объекта события ,

Попробуйте

var movebox = function (e) { 
    $imagebox.css('left' , '0'); 
    $('#wr').append(e.data.entry); 
    }; 

$l3.on('click',{ entry: 'test'}, movebox); 

Answer 2

Вы звоните функцию movebox немедленно вместо передачи функции в качестве ссылки на обработчик события щелчка. Это распространенная ошибка в JavaScript. Вместо этого, передать в функции внутри анонимной функции, например, так:

$l3.click(function() { 
    movebox('test'); 
}); 

Как и в сторону, та же ошибка часто сделаны с SetTimeout, setInterval, addEventListener и позорный Eval. Помните, что, рассматривая функции как аргументы другой функции, обязательно заверните их в анонимные функции.