var loadingState = {        text:false,        image:false,        video:false    }    var httpUrl2 = "https://api.apiopen.top/getJoke"    var options1 = {        page:1,        count:10,        type:"text"    }    var options2 = {        page:1,        count:10,        type:"image"    }    var options3 = {        page:1,        count:10,        type:"video"    }        //在window里獲取不到options,就只能把options放在data對象里，就能用data['options'+(index+1)]獲取到了    var data = {        options1,options2,options3    }//請求語句所在    loadingState.text = true;    textRender(options1);//監聽要滑動容器的滾動事件$('.content').scroll(function(e){    var index = $(this).index();    //獲取滾動的距離        var sTop =  $('.content').eq(index).scrollTop();    //獲取容器的高度        var contentHeight = $('.content').eq(index).height();    //獲取滾動高度        var scrollHeight = $('.content').eq(index)[0].scrollHeight;       //根據所選的不同options加載不同的內容        if(index==$(this).index()&&loadingState.text!=true)         {         //判斷是否已經滾動底            if((sTop+contentHeight)==scrollHeight){                //當到達底部是加載選項為true,之后的操作                loadingState.text = true;                //內容緩慢淡出                $(this).animate({                    scrollTop:sTop+80                },1000)                var options = data['options'+(index+1)];                //頁數加一                options.page += 1;                //加載新獲取的內容                textRender(options);            }        }           }//加載實現函數funtion textRender(obj){    //要添加的內容    if(obj == options1){            console.log(obj);            $.get(httpUrl2,obj).then(function(res){                            res.result.forEach(function(item,i){                    var html = `                        <div class="mui-card">                            <div class="mui-card-header mui-card-media">                                <img src="${item.header}">                                <div class="mui-media-body">                                    ${item.name}                                    <p>發表于 ${item.passtime}</p>                                </div>                                                            </div>                            <div class="mui-card-content">                                <div class="mui-card-content-inner">                                    <p>${item.text}</p>                                </div>                            </div>                            <div class="mui-card-footer">                                <a class="mui-card-link">喜歡</a>                                <a class="mui-card-link">評論</a>                            </div>                        </div>                    `                    $('.content:eq(0)').append(html).css('backgroundImage',"none")                    loadingState.text = false;                    $('.loading.text').stop(true).slideUp(2000,function(){                        $('.loading.text').remove()                    })                })            })        }}