jquery - Node.js Express 应用程序 - Rickshaw.Graph.RangeSlider TypeError : $(element). slider 不是函数

Question

这是一个与 Rickshaw.Graph.RangeSlider TypeError: $(element).slider is not a function 类似的问题

不同之处在于我在使用 Express 框架的 Node.js 应用程序中使用 Rickshaw。

我收到错误:“TypeError: $(element).slider 不是函数”。 (第 2 行)

我在 package.json 文件夹中指定了 jquery-ui ("^1.10.5") 作为依赖项。执行“npm install”并在 node_modules 文件夹中看到 jquery-ui 文件夹。我不确定为什么它在下面的上下文中丢失并导致错误。

$( function() {
$(element).slider( {

    range: true,
    min: graph.dataDomain()[0],
    max: graph.dataDomain()[1],
    values: [ 
        graph.dataDomain()[0],
        graph.dataDomain()[1]
    ],
    slide: function( event, ui ) {

        graph.window.xMin = ui.values[0];
        graph.window.xMax = ui.values[1];
        graph.update();

        // if we're at an extreme, stick there
        if (graph.dataDomain()[0] == ui.values[0]) {
            graph.window.xMin = undefined;
        }
        if (graph.dataDomain()[1] == ui.values[1]) {
            graph.window.xMax = undefined;
        }
    }
} );

} );

更新:

也许我需要使用 Grunt 构建系统？

构建 jQuery UI

jQuery UI uses the Grunt build system.

To build jQuery UI, you must have node.js installed and then run the following commands:

Install the Grunt CLI npm install -g grunt-cli

Clone the jQuery UI git repo git clone git://github.com/jquery/jquery-ui.git cd jquery-ui

Install the node module dependencies npm install

Run the concat task to concatenate files grunt concat

There are many other tasks that can be run through Grunt. For a list of all tasks: grunt --help

Answer 1

只要 $ 或 jquery-ui 函数未定义，在 rickshaw.js 中，我都会包含相应的库

window.$ = require('jquery');

或

var $ = require('jquery');
require('jquery-ui');

目前这是一个临时解决方案...