只有在本地Rails项目上刷新浏览器后,jQuery才能工作

我有这两个jQuery函数,如果我刷新浏览器窗口,它们工作得很好。。。但是,如果我只是点击这个站点,下面的jQuery就不会执行。我没有收到任何控制台错误。我试过用两种包装 $(window).on('load', function() { ... } $(function(){ ... } $( ".accordion" ).on('load', function() { ... } .

任何想法都将不胜感激,因为这是我在Rails生态系统中的第一个项目。

// grow hover for landing page 
$(window).bind("resize",function(){
    console.log($(this).width());
    if($(this).width() <1024){
        $('div.causeBox').addClass('grow')
    }
    else{
        $('div.causeBox').removeClass('grow')
    }
})

// accordion animation
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
    acc[i].onclick = function() {
        this.classList.toggle("active");
        var panel = this.nextElementSibling;
        if (panel.style.maxHeight){
            panel.style.maxHeight = null;
        } else {
            panel.style.maxHeight = panel.scrollHeight + "px";
        }
    }
}