Tag: jquery plugins

JQuery插件给出错误$(…).ionRangeSlider不是一个函数

我正在尝试在我的反应中使用jquery插件。 每次我尝试使用一些jQuery的第三方插件,我得到一个错误说$(…)。somePlugin不是一个函数。 目前我正在尝试使用ionRangeSlider。 这是给我错误 Uncaught TypeError: (0 , _jquery2.default)(…).ionRangeSlider is not a function js文件 import $ from 'jquery' import 'bootstrap-tagsinput' class AddTagSection extends Component { componentDidMount=()=> { this.slider = $(this.inputSlider).ionRangeSlider(); } <div className="irs-wrapper"> <input type="text" ref={node=>this.inputSlider=node} className='input-slider' id="ionSlider-newTag" name="ionSlider"/> </div> 下面是在ionRangeSlider.js(插件)中调用的函数 $.fn.ionRangeSlider = function (options) { return this.each(function() { if (!$.data(this, "ionRangeSlider")) { $.data(this, "ionRangeSlider", […]

CommonJS – 我如何将jquery和jquery-plugin结合到$命名空间中

我想要做的是适应我的jQuery插件在Node.js上使用jQuery。 据我所知,CommonJS是最基本的forms,需要一个库封装在一个闭包中,闭包应该作为“exports”参数的参数。 这样,代码被整齐地包含在它自己的命名空间中(通过一个命名variables),并且不会污染全局命名空间。 jQuery本身应该属于'$'命名空间。 翼: var $ = require(jquery); 但我的插件也应该符合'$'命名空间。 插件代码: (function( $ ) { // plugin code goes here })(jquery); exports.jquery = jquery // will this work? 例如: var $ = require(jquery); $ = require(jquery-csv.js); // will this work? 为了在浏览器中工作,即使我的模块被设置为'$'的子命名空间(即'$ .csv'),所有设置都可以从'$'命名空间调用。 有一个标准的方法来做一个单一的命名空间多个要求? 如果没有,有一个可行的替代(例如在插件代码上做一个浅拷贝)? 注意:匿名函数包装遵循标准的jquery准则 。 注意:此修补程序将应用于jquery-csv插件。