Append加载动态轮播

 1 $(function(){
 2     showCarousel();//轮播动态数据
 3 });
 4 /*** 
 5 * ** Date: 2017/01/09
 6 * ** Author: Black_Jay郗
 7 * ** Function: 轮播动态   (需要注意加载顺序)
 8 ***/
 9 function showCarousel(){
10     //var str001 = ‘‘
11     $.ajax({
12         url: ‘’,
13         type: ‘Post‘,
14         dataType: ‘json‘,
15         success: function(data) {
16             for ( var i = 0 ; i < data.length ; i ++ ) {
17                 var url = data[i].Url;
18                 var image = data[i].Image;
19                 lunbo(url,image);
20             }
21             //$.parser.parse(str001);
22             var mySwiper = new Swiper(‘#slide‘,{
23                 pagination: ‘.pagination‘,
24                 slidesPerView: 1,
25                 paginationClickable: true,
26                 preloadImages: false,
27                 lazyLoading: true,
28                 autoplay: 5000,
29                 autoplayDisableOnInteraction: false,
30                 loop: true
31             });
32         }
33     });
34     function lunbo(url,image){
35         $("#showCarousel").append("<div class=‘swiper-slide‘>"
36                 +"<a href=‘"+url+"‘>"
37                 +"<img style = ‘width:100%;height:200px;‘ src=‘"+image+"‘ />"
38                 +"</a>"
39                 +"</div>");
40     }
41 }