Javascript 通过ajax加载数据时Owl crousal滑块不工作
我正在做一些wordpress项目,我的owl内容将通过ajax加载。现在,当我通过ajax加载内容时,它加载内容但不显示滑动条。下面是我已经完成的javascript代码:Javascript 通过ajax加载数据时Owl crousal滑块不工作,javascript,jquery,ajax,Javascript,Jquery,Ajax,我正在做一些wordpress项目,我的owl内容将通过ajax加载。现在,当我通过ajax加载内容时,它加载内容但不显示滑动条。下面是我已经完成的javascript代码: function runAjax(objects){ var $response; $.ajax({ url:wpAjaxUrl, async:false, cache:false, type:"POST", //data:{'action':objects.action,'prod
function runAjax(objects){
var $response;
$.ajax({
url:wpAjaxUrl,
async:false,
cache:false,
type:"POST",
//data:{'action':objects.action,'product_id':objects.product_id},
data:objects,
dataType:"json",
beforeSend:function(){
$(".loader_div").show();
},
success:function(response){
$response=response;
//console.log($response.subcategory_products);
},
complete:function(response){
if(objects.action=='get_product_images'){
// var owl1=$("#owl-related-accessories");
// owl1.data('owlCarousel').reinit();
$.getScript("http://localhost/inox/wp-content/themes/inox/js/jquery.min.js");
$.getScript("http://localhost/inox/wp-content/themes/inox/owl-carousel/owl.carousel.js");
$.getScript("http://localhost/inox/wp-content/themes/inox/owl-carousel/owl.carousel-related-accessories.js");
$.getScript("http://localhost/inox/wp-content/themes/inox/js/owl.js");
}
$(".loader_div").hide();
}
});
return $response;
}
有这么多ajax请求,所以我创建了一个请求ajax的通用函数。希望您能理解。在这里,您可以看到我重新加载了所有owl的javascript代码
$("#owl-related-accessories").html($ajaxRes.relatedHtmlData);
如果要使用它,不仅需要下载脚本
$。getScript(
还需要运行它才能对使用JS创建的新元素生效。请查看html页面中的所有函数调用(
带有$(文档)。准备就绪(function()
没有它,但是carousel的函数)运行AJAXA后,在浏览器JS控制台中调用所有内容,看看它是否有效。在运行Ajax后,也可以在浏览器JS consle中查看是否没有错误,因为错误停止JS脚本在Ajax返回过程中错误ocur的地方运行。成功:在那里定义owl转盘。这意味着在返回Ajax成功后,定义owl car乌塞尔在那里
success: function(data) {
//Return ajax success response here
jQuery('#cross_container').html(data);
//run owl Carousel here
jQuery('.cross-sell-box').owlCarousel({
items: 3,
loop: true,
margin: 10,
autoplay: true,
autoplayTimeout: 1000,
autoplayHoverPause: true,
nav: true
});
我想我已经写了所有必要的东西。如果你写了所有需要的东西,你就不会有这些问题了。当js在响应owl转盘的文档中进行更改时,在ajax之后调用所有函数。当你键入url时,需要调用在浏览器中加载完整文档时调用的所有函数。也可能是你的ajax代码不在contai中需要或更改html元素或其他元素的id或类?为什么要注释var owl1=$(“#owl相关附件”);owl1.data('owlCarousel')。reinit()
?您编写-我已经重新加载了所有owl的javascript代码
,但我认为在html中,您有一些代码在ondocument ready中
并且在使用JS进行更改后您不会想起它?!