css里面可以再包含css,比如你网页里面引用:style.css
然后用在@import语句,里面可以再包含其他样式表:
@import "base.css"
@import "forms.css"
<div class="listclass"><ul id="listlistssssss">
<li></li>
<li></li>
<li></li>
</ul></div>
<script src="js/dropload.min.js"></script>
<script type="text/javascript">
var u = navigator.userAgent, app = navigator.appVersion
var isAndroid = u.indexOf('Android') >-1 || u.indexOf('Linux') >-1//android终端或者uc浏览器
//var isiOS = !!u.match(/\(i[^]+( U)? CPU.+Mac OS X/)//ios终端
/*alert('是否是Android:'+isAndroid)
alert('是否是iOS:'+isiOS)*/
$(function(){
// 页数var page = 0
// 每页展示10个
var size =5
// dropload
$('.listclass').dropload({
scrollArea : window,
loadDownFn : function(me){
page++
// 拼接HTML
var result = ''
$.ajax({
type: 'get',
url: "text.txt",
dataType: 'text',
success: function(data){
//alert(222)
var arrLen = data.length
if(arrLen >0){
//for(var i=0i<arrLeni++){
//var html = $("#listlist").html()+data
// alert(html)
$('.dropload-refresh').html('加载更多...')
$('.dropload-refresh').css('font-size:','1.875rem')
// me.resetload()
// }
// 如果没有数据
//alert(arrLen )
}else{
// 锁定
me.lock()
// 无数据
me.noData()
}
// 为了测试,延迟1秒加载
// setTimeout(function(){
// 插入数据到页面,放到最后面
// $('.listclass').append(result)
$('#listlistssssss').append(data)
// 每次数据插入,必须重置
me.resetload()
// },1000)
},
error: function(xhr, type){
alert('Ajax error!')
// 即使加载出错,也得重置
me.resetload()
}
})
}
})
})
</script>