javascript - jQuery 函数在加载时工作

Question

我有这个功能:

$(document).ready(function() {
    $('#time-options').on('change', function() {
        if ($('#time-options').prop('checked')) {
            $('#time-options-div').slideDown(500);
            return false;
        } else {
            $('#time-options-div').slideUp(500);
            return false;
        }
    });
});

因此，每当选中#time-options时，div就会向下滑动。但有时，在页面加载时，#time-options 已被选中，因此在这种情况下，我希望 #time-options-div 已打开。 我怎样才能实现这个目标？

Answer 1

尝试在事件绑定(bind)后手动调用一次 change 事件。

$('#time-options').on('change', function(){
  if($('#time-options').prop('checked')){
    $('#time-options-div').slideDown(500);
    return false;
  }else{
    $('#time-options-div').slideUp(500);
    return false;
  }
}).change();