Question

在使用SmoothState加载Ajax之后，我想要将某个css行应用于我的标题，但出于某种原因，它不会应用后台CSS属性，而它会执行其他操作。

这是我的代码片段：

Ajax函数SmoothState：

  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();

奇怪的是，应用了margin-top和height，但是在AJAX加载后背景不是。当我刷新页面时，它被正确应用。

有人有什么想法吗？

Answer 1

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

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

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

这导致在加载Ajax时后台不能在其他页面上工作。它没有被妥善摧毁。

在使用Smoothstate重新加载Ajax之后，未应用后台CSS属性

1 个答案: