AJAX调用后动画脚本无法正常工作

AJAX调用页面后,我的动画脚本出现问题。 在这种情况下,如果在移动屏幕浏览器中打开,我加载该页面。 我有2个名为index.phpmobile.php文件。 我把AJAX放在index.php所以当用户打开www.example.com时,它会首先加载index.php ,然后检查用户是否在移动浏览器中打开该页面,它将调用AJAX来加载mobile.php 。 在mobile.php有一些轮播滑块动画,当它加载AJAX时,滑块动画不再起作用。 可能是在触发onload时没有初始化JQuery。

这是我在index.php AJAX

   window.mobilecheck = function() { var check = false; if(window.innerWidth<768){ check=true; } return check; } if(window.mobilecheck()){ $.ajax({ 'type': 'POST', 'url': 'mobile.php', 'data': {test:'test'}, 'success': function(response) { //alert(response); $("html").html(response); } }); }  

这是我的mobile.php

         body { background-color: #eaeaea; }    

Carousel Example

我不知道为什么当mobile.php加载AJAX时动画无效。 请任何人都可以给我一些建议来解决这个问题。 谢谢。

如果您发现用户使用移动设备,则需要重定向该页面,如下所示。 还有一件事,你还没有在mobile.php中添加Carousel jquery插件