jQuery的：取消绑定加载功能

Question

我在加载页面时将调整图像背景的功能，

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

，我想“卸载”或“删除”这加载功能，当我点击一个按钮，这样我就可以重新加载，而不是在加载页面的顶部的这个功能，

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

，但我不能使它工作！有什么想法吗？

感谢， 刘

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.