似乎无法让第6行的代码运行

Question

  $(document).ready(function() {
    var divMouseDown;
    $('.iphonepowerbutton').mousedown(function() {
        $('.iphonepowerbutton').width('1px');
        divMouseDown = setTimeout(function() {
            $('.iphonescreen').css('background-color', 'white', function() {
                setTimeout(function() {
                    $('.iphonetime').show();
                    $('.iphonedate').show();
                    $('.iphoneapplelogo').hide;
                    $('.iphonescreen').css('background-color', 'black');
                }, 3500);
            });
            $('.iphoneapplelogo').show();
            $('.iphonepowerbutton').hide();
            $('.iphonepowerbutton2').show();
        }, 2000);
    });
    $('.iphonepowerbutton').mouseup(function() {
        $('.iphonepowerbutton').width('2px');
        if (divMouseDown) {
            clearTimeout(divMouseDown);
        }
    });
});

当第5行的功能运行时，我试图让第6行正常运行。 代码是否正确，是我的浏览器，还是我错过了什么？ 我试图在运行函数时启动函数。

Answer 1

你不能在jQuery中的.css方法上进行回调，因为CSS的变化是即时的，所以毫无意义。

将其余代码放在其后。

如果您正在等待CSS转换完成，则必须手动计算。