我正在構建一個新的個人博客,并使用 ajax 發回 C# 控制器以獲取分頁結果。第 2 頁加載了結果,但是沒有重新加載任何 JavaScript,因為我相信,當我部分重新加載頁面的分頁部分時,它會破壞 DOM 中的所有內容,并且因為整個頁面不會重新加載,所以 JavaScript 不會重新加載。 t 調用。因此,我正在尋找一些幫助來解決如何讓外部 javascript 再次運行。它的作用是添加 css 類,提供一些淡入淡出效果等。 success: function (data) { if (data != null) { var page = data $('#blogsContainer').empty(); $('#blogsContainer').replaceWith(page);所以成功了,我用新數據清除了 blogsContainer。我猜我需要在替換后添加一個函數,然后應用外部 main.js 文件中的所有內容。main.js 文件如下所示(function($) { var contentWayPoint = function() { var i = 0; $('.ftco-animate').waypoint( function( direction ) { if( direction === 'down' && !$(this.element).hasClass('ftco-animated') ) { i++; $(this.element).addClass('item-animate'); setTimeout(function(){ $('body .ftco-animate.item-animate').each(function(k){ var el = $(this); setTimeout( function () { var effect = el.data('animate-effect'); if ( effect === 'fadeIn') { el.addClass('fadeIn ftco-animated'); } else if ( effect === 'fadeInLeft') { el.addClass('fadeInLeft ftco-animated'); } else if ( effect === 'fadeInRight') { el.addClass('fadeInRight ftco-animated'); } else { el.addClass('fadeInUp ftco-animated'); } el.removeClass('item-animate'); }, k * 50, 'easeInOutExpo' ); }); }, 100); } } , { offset: '95%' } ); }; contentWayPoint();}使用 ajax 部分重新加載后,如何應用缺少的 css?我希望這很清楚我想要做什么,但如果沒有,請詢問。
分頁有效,但在重新加載時不會重新附加 javascript / css 類
達令說
2023-10-14 18:51:45