Javascript Ajax不使用owl转盘

Javascript Ajax不使用owl转盘,javascript,jquery,ajax,asp.net-mvc,Javascript,Jquery,Ajax,Asp.net Mvc,我在我的页面中实现ajax时遇到了一个问题,countain owl carousel她的代码是: 控制器: public int Getmembers() { return db.Teams.Count(); } } 观点: <script> $(document).ready(function () { var json = null;

我在我的页面中实现ajax时遇到了一个问题,countain owl carousel她的代码是:

控制器:

 public int Getmembers()
    {

        return db.Teams.Count();

        }
    }
观点:

<script>
$(document).ready(function () {
                        var json = null;
                        $.ajax({
                            url: '@Url.Action("Getmembers", "Home")',
                            type: "GET",
                            dataType: "int",
                            success: function (data) {
                                json = data;

                            },
                            error: function () {
                                alert("Erreur de récupération des membres ou il n'existe aucun memnbre");
                            }

                        })
                        alert(json);
                        var owl = $("#owl-demo");

                        owl.owlCarousel({
                            items: json, //10 items above 1000px browser width
                            itemsDesktop: [1000, 5], //5 items between 1000px and 901px
                            itemsDesktopSmall: [900, 3], // betweem 900px and 601px
                            itemsTablet: [600, 2], //2 items between 600 and 0
                            itemsMobile: false, // itemsMobile disabled - inherit from itemsTablet option
                            pagination: false

                        });


                    });
</script>

$(文档).ready(函数(){
var=null;
$.ajax({
url:'@url.Action(“Getmembers”,“Home”),
键入:“获取”,
数据类型:“int”,
成功:功能(数据){
json=数据;
},
错误:函数(){
警觉(“你不存在的理由”);
}
})
警报(json);
var owl=$(“#owl demo”);
猫头鹰旋转木马({
items:json,//1000px浏览器宽度以上10项
itemsDesktop:[1000,5],//5个介于1000px和901px之间的项目
itemsDesktopSmall:[900,3],//介于900px和601px之间
itemsTablet:[600,2],//2个介于600和0之间的项
itemsMobile:false,//itemsMobile已禁用-继承自itemsTablet选项
分页:错误
});
});

我尝试了调试,发现在$.ajax中传递了json的值(int 13),但是当我使用alert时,我得到了null,我在文档中搜索得到了这个值,但仍然没有任何线索

您的ajax调用是异步的,这意味着它将在owl carousel初始化之后执行success方法

将转盘的init方法放入success方法:

    $(document).ready(function () {
    var json = null;
    $.ajax({
        url: '@Url.Action("Getmembers", "Home")',
        type: "GET",
        dataType: "int",
        success: function (data) {
            var owl = $("#owl-demo");

            owl.owlCarousel({
                items: data, //10 items above 1000px browser width
                itemsDesktop: [1000, 5], //5 items between 1000px and 901px
                itemsDesktopSmall: [900, 3], // betweem 900px and 601px
                itemsTablet: [600, 2], //2 items between 600 and 0
                itemsMobile: false, // itemsMobile disabled - inherit from itemsTablet option
                pagination: false

            });

        },
        error: function () {
            alert("Erreur de récupération des membres ou il n'existe aucun memnbre");
        }

    });
});

非常感谢,忘记初始化猫头鹰转盘工作正常!