我想這個腳本工作時，頁面加載並調整

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媒體查詢。