我希望此脚本在页面加载以及调整大小时都能工作

Question

该网站响应迅速

$(window).bind('resize', function() {
    $('#drop_ul').css('width', $('#container').width());
    $('#drop_ul').css('left', $('#container').css('margin-left'));
});

$(document).ready(function(){
    $('#drop_ul').css('width', $('#container').width());
    $('#drop_ul').css('left', $('#container').css('margin-left'));
});

Answer 1

您可以将逻辑提取到其自己的函数中，然后可以在两个事件下调用该逻辑。 尝试这个：

function updateUI() {
    $('#drop_ul').css({
        'width': $('#container').width(),
        'left': $('#container').css('margin-left')
    });
}

$(document).ready(function() {
    updateUI(); // on load
    $(window).on('resize', updateUI); // on window resize
});

请注意，我统一了css()调用，并使用了on而不是bind 。

另外，如果网站响应良好，则最好使用CSS媒体查询。