jQuery綁定函數內的事件

Question

切入正題：

我有一個非常大的函數，其中有一個元素，在某些條件下，該元素具有一些css屬性，其中之一是height和position：fixed。

該函數通過單擊來運行，但是我希望將其中的此元素與窗口調整大小事件綁定在一起。

我正在考慮通過查找此元素的屬性之一（在本例中為position：fixed）來創建第二個函數，如果有，則將其與窗口調整大小綁定。

我猜這不是最好的解決方案，所以我想請專業人士。 提供示例代碼：

whh=$(window).height();

$('#open').click(function(){
$('#mybody').attr('style', 'position:fixed !important;overflow-y:scroll;overflow-x:hidden;height:' + whh + 'px;');
}

Answer 1

$( window ).resize(function() {
  var position = $( "#mybody" ).css( "position" );
  if (position == 'fixed') {
  // do your stuff
  }
});

Answer 2

首先，保留相同的代碼，但不要設置style屬性，而是添加一個CSS類。

$("#mybody").addClass("truc");

當然，定義css類

.truc : {
    position:fixed !important;
    ....
}

其余的，我聽不懂：s