我想在页面加载时以及调整大小时使用此脚本

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媒体查询。