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

尝试在事件绑定后手动调用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();

Answer 2

最简单的方法是在on change函数中运行块。通过一些重构，您还可以：

$(document).ready(function(){

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

$('#time-options').on('change',slide);    

slide();
});

jQuery函数在加载时工作

2 个答案: