如何解决获取 TypeError: jquery__WEBPACK_IMPORTED_MODULE_1___default(...)(...).fancybox 不是函数
我几乎尝试了所有方法,但未能自定义fancybox。 `$(".various").fancybox() 有问题请提出任何其他方式。
import React,{ Component } from "react";
// import fancybox from "@fancyapps/fancybox";
import $ from "jquery";
import { allUsersDispatch } from "../redux";
// const $ = require("jquery");
import { connect } from "react-redux";
import fancybox from "@fancyapps/fancybox";**I think Something is wrong with imports**
import "@fancyapps/fancybox";
// import { fancybox } from "jquery";
// import fancybox from "../../fancybox-master/dist/jquery.fancybox";
class Fancybox extends Component {
constructor(props) {
super(props);
}
TypeError: jquery__WEBPACK_IMPORTED_MODULE_1___default(...)(...).fancybox is not a function
componentDidMount() {
$(".various").fancybox({ **Why this is not a FUNCTION PLEASE HELP**
maxWidth: 800,maxHeight: 600,fitToView: false,width: "70%",height: "70%",autoSize: false,closeClick: false,openEffect: "none",closeEffect: "none",});
}
render() {
return (
<div>
Hello{" "}
<li>
<li>
<a
className="various fancybox.iframe"
href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1"
>
Youtube (iframe)
</a>
</li>
</li>
</div>
);
}
}
export default Fancybox;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。