jquery - 如何关闭 jquery 函数？

Question

我知道如何像这样关闭 jquery 事件:

$("#element").off();

但是我有功能，我需要在窗口调整大小时关闭我的功能。我怎样才能关闭我的 changeBg() 功能？

$(document).ready(function() {

  function changeBg(element) {
    $(element).on("click", function() {
      $(this).css("background", "lightblue");
    })
  }

  changeBg("p");


});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>click to change my background</p>
<p>me to!</p>


<button>Make passive</button>

Answer 1

创建一个命名函数并使用 resize() 解除绑定(bind)。

function changeBG( e ) {
  $( this ).css( 'background-color', 'lightblue' );
}

var $p = $( 'p' );

$p.on( 'click', changeBG );

$( window ).resize( function ( e ) {
  $p.off( 'click', changeBG );
} );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>Change Me!</p>

<p>Me too!</p>