Javascript 使用Smoothstate重新加载Ajax后未应用后台CSS属性

我有一个特定的css行，我想在使用SmoothState加载Ajax之后应用到我的头上，但由于某些原因，它不应用后台css属性，而应用其他属性

以下是我的代码片段：

Ajax函数状态：

  var settings = { 
   onAfter: function( $container ) {  
     vacaturepagina(); 
    }
   };
 $( '#page' ).smoothState( settings );

自定义脚本：

    function vacaturepagina(){ 
        $('.site-header .wrap').css({

                'background': 'linear-gradient(to top, rgba(103, 50, 81, 0), rgb(103, 50, 81))',
                'margin-top':'unset',
                'height': '180px'
        });
     }
     vacaturepagina();

奇怪的是，在AJAX加载之后，应用了边距顶部和高度，但没有应用背景。当我刷新页面时，它被正确应用

---

有人有什么想法吗？

很抱歉，我有另一页的另一个脚本，该脚本也在该页上执行

        onSlideLeave: function(anchorLink, index, slideIndex, direction, nextSlideIndex){

            $('.site-header .wrap').css({
                'background':''
            });
       }

---

这导致在加载Ajax时，后台无法在另一个页面上工作。它没有被正确销毁。

也许你需要添加一些跨浏览器兼容性：看。