search

gtdalp / listloading

listloading是一个移动端的上拉、下拉加载更多的组件。主要依赖于iscroll.js v5.1.2基础上开发的组件，基础库可以使用jquery.js或者zepto.js操作dom节点，目前我是使用了zepto.js作为基础库操作dom，以jquery插件的形式存在。如果不想以插件方式使用，则只需要把listloading直接移植你需要的库里面就ok啦。listloading主要针对移动端而生，在使用浏览器自带滚动，用户体验很不友好，与Android和ios差别甚远，所以选择iscroll.js，它实现方式是使用css3动画translate 3D 转换来实现滚动效果，transform属性使用硬件加速，性能方法得到很大提高。 https://gtdalp.github.io/widget/listloading/demos/listloading.html
171 stars 74 forks source link

nam引入listloading组件使用是js报错 #2

Closed baoman closed 7 years ago

baoman commented 7 years ago

nam install listloading -S后拷贝示例代码后报下面的错 listloading.js:402 Uncaught ReferenceError: IScroll is not defined(…)

难道此组件不适用npm引入吗

baoman commented 7 years ago

self.iscroll = new IScroll('#' + self.id, obj);这行代码报错

gtdalp commented 7 years ago

nam？？？是写错了吗？应该是npm吧，listloading是需要依赖iscroll.js，你需要引入iscroll.js文件.

baoman commented 7 years ago

不好意思 是我打错了字 组件是已经下载下来了的 组件不应该把依赖写好吗 用的时候应该就不要额外引入文件了

baoman commented 7 years ago

我在list loading.js里面第一行加入“var IScroll = require("../src/jslib/iscroll.min");”就可以直接用npm方式 不需要额外再引入iScroll.js了 你是否需要改进下 因为模块好的方式是自己解决依赖 不要使用的时候加入依赖

gtdalp commented 7 years ago

既然使用了listloading，那么是必须要依赖iscroll的，如果你想要创建iscroll的话也可以直接使用listloading来创建iscroll， 如：

new Listloading('#listloading');

或者

new Listloading('#listloading',{
       // iscroll的API 
       iscrollOptions: {
            // scrollbars: true   // 显示iscroll滚动条
        }
});
microlv commented 7 years ago

so you are copy iscroll to your folder jslib and iscroll can't update any more. that seems a bad idea.

gtdalp commented 7 years ago

Sorry，I will be optimized！ @microlv