通过ajax加载数据时，猫头鹰crousal滑块不工作

我正在处理一些wordpress项目，我的猫头鹰内容将通过ajax加载。现在，会发生什么，当我通过ajax加载内容时，它会加载内容但不显示滑块。这里是我已经做了javascript代码：通过ajax加载数据时，猫头鹰crousal滑块不工作

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.I希望你能很好地理解。在这里你可以看到我已经重新加载了所有猫头鹰的javascript代码。在下面的代码中，我已经得到了ajax响应并追加了猫头鹰crousal div。

$("#owl-related-accessories").html($ajaxRes.relatedHtmlData);

来源

2016-02-12 Suraj Kumar

你的东西ommit，它不仅需要下载脚本$.getScript(也需要运行它采取与JS新创建的元素的影响。查看你的html页面中的所有函数调用（<script>与$(document).ready(function() </script>，没有它但是传送带的功能），运行后AJAXA在浏览器JS控制台中调用它，看看它是否有效。在你运行Ajax后，如果没有错误，你也可以在浏览器中看到js consle，因为错误停止js脚本运行在错误发生的地方

来源

2016-02-12 06:38:39 Michael

我想我已经编写了所有必要的东西。 –

如果你会写所有需要的东西，你将不会遇到这些问题 – Michael

当js在响应form猫头鹰传送带的文档中作出更改时，回顾ajax后的所有功能。当你输入url时，需要调用所有在浏览器中加载文件的函数。也可能是你的ajax把代码放在不需要的容器中，或者改变id或者html元素的类或者其他类型？ – Michael

通过ajax加载数据时，猫头鹰crousal滑块不工作

回答

相关问题