JQuery: отвязать загруженную функцию

Question

У меня есть функция, которая будет изменять размеры фонового изображения при загрузке страницы,

$(document).ready(function(){ 
loadBackground(); 
}); 

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

$('.get-image').click(function(){ 
     $(window).unbind("resize",loadBackground); 
     loadBackground(); 
return false; 
}); 

, но я не могу заставить его работать! любые идеи, пожалуйста?

спасибо, Lau

Answer 1

на основе ваших комментариев, я не думаю, что вам нужно отвязать вообще:

Сначала необходимо загрузить фон при загрузке страницы, а затем вы хотите для загрузки фона при щелчке.

Что происходит на заднем плане, когда изображение с измененным размером должен быть другой отдельную функцию, которая связана с $(window).resize() ... так что все это будет выглядеть следующим образом:

($(function() { ... }); означает то же самое, как $(document).ready(function() { ... }) это просто быстрее написать:

$(function() { 
     // Define load BG 
    function loadBackground() { 
     /// ... 
    } 

     // Define what happens to the BG image on resize 
     // this doesn't have to change. It should refer 
     // to the generic `background-image` 
    $(window).resize(function() { 
     // ... 
    }); 

     // load BG when page is ready: 
    loadBackground(); 

     // load another BG if there's a click: 
     // This will effectively cancel the previous load bg 
    $('.get-image').click(function() { 
     loadBackground(); 
     return false; 
    });  
}); 

// I'm assuming you're somehow changing which BG image is loaded 
// something like loadBackground(image)... and you could initially 
// load a default image, and then, if there's a click, you could 
// determine what image should be based on what was clicked.