javascript - 使用jQuery设置CSS属性

我的网站上有一些元素，每次滚动页面或调整页面大小时都需要更新。所以我做了一个小的jQuery代码来做到这一点。

$(window).scroll(function(){
    setSlideshowButtons();
});

$(window).resize(function() {
    setSlideshowButtons();
});

function setSlideshowButtons() {
    var size = $(".slides img").height();
    $(".navigation_buttons").css("margin-top", "-" + size/2 + "px");
}

到目前为止，一切都很好。但是比我发现，我还必须在文档加载时设置那些属性。所以我也把它放在document.ready函数中。

$(document).ready(function(){
    setSlideshowButtons();
});

但这似乎不起作用。但是，当我滚动或调整窗口大小时，函数会自行运行，并且CSS属性会更改。

最佳答案

如果您要进行任何操作（例如创建幻灯片并对其进行操作），则需要在调用插件的初始化后执行setSlideshowButtons()函数。

说，例如：

$(document).ready(function () {
    $(".slider").slider({
      option: value,
      option: value
    });
    // Place it after the init.
    setSlideshowButtons();
});