Javascript 未捕获的TypeError:(0,_jquery2.default)(…)。sortable不是函数
我对React和rigthnow不熟悉,现在在我的file.jsx中调用sortable方法时遇到问题:Javascript 未捕获的TypeError:(0,_jquery2.default)(…)。sortable不是函数,javascript,jquery,jquery-ui,reactjs,webpack,Javascript,Jquery,Jquery Ui,Reactjs,Webpack,我对React和rigthnow不熟悉,现在在我的file.jsx中调用sortable方法时遇到问题: import $ from 'jquery' ... $('.myId').sortable( //error when calling sortable// { ..... ...... }) ... 我已经说过: "jquery": "^2.2.3", "jquery-ui": "^1.10.5", "jquery.ui.widget"
import $ from 'jquery'
...
$('.myId').sortable( //error when calling sortable//
{
.....
......
})
...
我已经说过:
"jquery": "^2.2.3",
"jquery-ui": "^1.10.5",
"jquery.ui.widget": "^1.10.3",
到package.json。因此,我认为我的windows环境适合玩react。问题是调用$('#myId')时出错。sortable()
知道如何解决这个问题吗?
提前感谢:)
注:
我试图提出:
<script src="http://code.jquery.com/jquery-1.9.0.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
我的file.php使用$('.myId'),但仍然不起作用。关于如何在React中使用JQuery,您可以参考以下答案 但在使用第三方javascript库时,仍然会遇到相同的错误 因为它是全局变量,所以您需要
窗口。$('#id')。可排序
import $ from 'jquery'
...
window.$('.myId').sortable( //error when calling sortable//
{
.....
......
})
...
这将解决您的问题,不要忘记使用
componentDidMount(){…}
原因可能是在可排序js之前先尝试加载jquery库文件。。也可以尝试不同的版本<2。检查控制台窗口中的网络选项卡是否加载了JS。建议:如果您是在React中开发应用程序,您真的不需要jquery。由于React和Jquery对DOM.Hay@AB Udhay的看法完全不同,因此如何首先加载Jquery库。。。???嗯。。。我想我是先装的,因为它是用react…Hay@maheshaldar,嗯。。。。我真的不知道这种感觉,所以如果不使用jquery中的sortable,我现在没有任何选择:)你试过不同版本的jquery吗?