我按功能创建新的Object,我创建了sortable要使用的方法,但是在回调函数上有错误
;"use strict";
(function(){
function libJS(){};
libJS.prototype = {
loopElement : function(element, options, callback){
var libObj = this;
var goesCallback = function(element, options, callback){
if (!!callback && libObj.isFunction(callback)) callback(element, options);
};
if (libObj.isElement(element)) goesCallback(element, options, callback);
else if (libObj.isString(element) && /^(\.|\#)[\w\d\-_]+$/g.test(element)){
if (/^\./g.test(element)){
element = document.getElementsByClassName(element.replace('.', ''));
var length = element.length || 0, i;
for(i = 0; i < length; i++) goesCallback(element[i], options, callback);
}else{
element = document.getElementById(element.replace('#', ''));
if (!!element) goesCallback(element, options, callback);
}
}
},
isElement …Run Code Online (Sandbox Code Playgroud)我不确定如何在我的项目中包含html5sortable。我已经使用 npm 安装了它:
npm install html5sortable --save
在 webpack 打包后,我按如下方式导入它:
require 'html5sortable'
但是当我调用时(正如文档所说):
sortable('.sortable');
我得到:
sortable is not a function 或者 sortable is not defined
我还尝试了以下变体(Livescript):
html5sortable = require 'html5sortable'
sortable = require 'html5sortable'
{sortable} = require 'html5sortable'
Run Code Online (Sandbox Code Playgroud)
正如文档所说,“从 dist/ 目录加载您需要的文件,例如 dist/html.sortable.min.js ”。我正在使用 webpack,但我不知道该怎么做,但我已经尝试过(在 webpack.config 中(在 livescript 中,但它应该足够可读)):
resolve:
modules:
'node_modules'
alias:
'html5sortable': 'html5sortable/dist/html5sortable.min.js'
Run Code Online (Sandbox Code Playgroud)
不起作用。