动态加载mui-slider-item之后，自动左滑无法实现

var nextPage = parseInt(currPageNum)+1;   
                var currPage = document.getElementById("test"+nextPage);  
                if(!currPage){  
                    var div =document.createElement("div");  
                    div.setAttribute("class","mui-slider-item");  
                    div.setAttribute("id", "test"+nextPage);  
                    document.getElementById('test').appendChild(div);  
                }  
////                var sliderNum = parseInt(slider.getSlideNumber())+1;  
////                mui.toast('当前页面是第 '+currPageNum+' 页，下一个轮播是第 '+sliderNum+' 个');  
                var slider = mui(".mui-slider");  
                slider.slider().nextItem();

动态加载了下一个item控件之后，立即调用slider().nextItem(),页面不跳转。第二次执行这整段代码的时候，才会跳转到下一个item。

求教，这种情况，怎么解决。需求是动态加载完item之后，页面自动执行左滑，跳转到下一个item。