使用 aui 自带的图片轮播图，AJAX异步调用数据给它

baidu54qq

使用 aui 自带的图片轮播图，AJAX异步调用数据给它，轮播图，没有反应

ajax 调用出 json格式后，
function showPersonInfo() {
        //api.showProgress();
        //显示加载进度框
        //使用api.ajax请求数据，具体使用方法和参数请看官方文档，这里使用get方法演示
        var html_img = "";
        api.ajax({
                url : web_url + 'index.ashx', //如果地址访问不到会请求出错，请填写自己的接口地址
                method : 'post',
                                cache : 'true',
                                timeout : 30,
                dataTpye : 'json',
        }, function(ret, err) {
                if (ret) {
                         var obj = $api.byId('show_img');
                                for ( i = 0; i < ret.length; i++) {
                                        html_img += "<div class='aui-slide-node aui-slide-node-middle aui-slide-node-center'><img src='" + img_url + "admin/ShowPicure/" + ret[i].img_url + "' /></div>\n";

                                }
                                $api.append(obj, html_img);
                }
        });
}



轮播图没有反应，只显示了一张图片，也许都出现出来，但是不自动轮播

JoviChin

你需要再加载完数据之后再重新初始化一次轮播方法，所以你可以把轮播做成方法，然后在加载数据之后加载这个方法

postpost.cc

把轮播事件写道append后面试试

baidu54qq

[color=#999999**.** 发表于 2017-4-22 13:48
把轮播事件写道append后面试试

不行啊，毫无反应

micheal fang

为何没人回答？

zhiuzun

micheal fang 发表于 2017-8-8 10:31
为何没人回答？

你的什么问题

王宾

也遇到同样的问题了   ，响了好多方法 就是不行啊   不知道官方有没有合理的方法

尧子

function banner(){//获取banner
                  api.ajax({
                    url:bannerjson+'&type=index',
                    method: 'get',
                    dataType: 'json'
                }, function(ret, err) {
                          if(ret){
                var objs = $api.byId('banner');
                 var str = '';
                     for (var i = 0, len = ret.length; i < len; i++) {
                              var data = ret[i];
                          str +='<div class="aui-slide-node bg-dark" tapmode="tap-active"><img src="'+imgurl+'' + data.thumb +'" /></div>';
                         };
                $api.html(objs, str);
                var slide3 = new auiSlide({
                                        container : document.getElementById("aui-slide3"),
                                        "height" : 130,
                                        "speed" : 500,
                                        "autoPlay" : 6000, //自动播放
                                        "loop" : true,
                                        "pageShow" : true,
                                         'dotPosition' : 'center'
                                 })
           }
                });
         };

尧子

按照我这个上面的写法就可以了

把地瓜分了

尧子 发表于 2017-12-5 14:37
按照我这个上面的写法就可以了

谢谢