Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过ajax加载数据时Owl crousal滑块不工作_Javascript_Jquery_Ajax - Fatal编程技术网

Javascript 通过ajax加载数据时Owl crousal滑块不工作

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

我正在做一些wordpress项目,我的owl内容将通过ajax加载。现在,当我通过ajax加载内容时,它加载内容但不显示滑动条。下面是我已经完成的javascript代码:

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进行更改后您不会想起它?!