jquery gridster 反应组件答案

【问题标题】：jquery gridster react componentjquery gridster 反应组件
【发布时间】：2016-02-10 17:59:53
【问题描述】：

我试图将 jquery.gridster 包装为一个反应组件并得到一个错误。

'Uncaught TypeError: (0 , _jquery2.default)(...).gridster is not a function'

import $ from 'jquery';
    componentDidMount() {
            var gridster = $(ReactDOM.findDOMNode(this)).gridster({
                widget_margins: [5, 5],
                widget_base_dimensions: [150, 150],
                resize: {
                    enabled: true
                }
            }).data('gridster');
        }

我在 index.html 中添加了脚本标签

<script type="text/javascript" src="assets/jquery.js"></script>
<script type="text/javascript" src="assets/jquery.gridster.js" charster="utf-8"></script>

我不确定这是否正确，不知道如何导入 gridster。有没有人尝试过这个？

【问题讨论】：

是的，我使用 webpack。但是不确定如何 npm install 我想要的 gridster 的特定分支，因此下载了它并尝试直接引用。
同样的问题，这方面有什么进展吗？我猜这与webpack上下文中jquery的插件加载有关

标签： javascript reactjs gridster

【解决方案1】：

我很好

import $ from 'jquery'
import gridster from 'gridster/dist/jquery.gridster'

在我的 webpack 配置中

plugins: [
    new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery"
    })

]

【讨论】：