jQuery不適用於document.ready

Question

因此，我嘗試在兩個事件上應用JS函數：window.resize和document.ready。 第二個就是行不通的。

當我加載網站時，我希望此功能執行並應用CSS。 這是之前的最后一個JS代碼

我已經嘗試了許多JS事件，但沒有成功。

window.addEventListener("resize", footerMargin);

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

function footerMargin() {
    var offset = $( ".section-item--coming-soon").offset();
    var novaVar = Math.round(offset.top);
    var leftVar = Math.round($( ".footer--section").offset.left);

    var heightComingSoon = $( ".section-item--coming-soon").height();

    var overall = novaVar + heightComingSoon + 75;


    $( ".footer--section").offset({ top: overall, left: leftVar });

}

Answer 1

將value設置為leftVar您將使用$( ".footer--section").offset.left而不是$( ".footer--section").offset().left 。

此Math.round($( ".footer--section").offset.left)將返回NaN 。

更改為：

var leftVar = Math.round($( ".footer--section").offset().left);