AJAX调用后动画脚本无法正常工作
用AJAX调用页面后,我的动画脚本出现问题。 在这种情况下,如果在移动屏幕浏览器中打开,我加载该页面。 我有2个名为index.php
和mobile.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插件