Javascript Fancybox样式不起作用

我已经在我的网站上使用fancybox来显示cookies消息

这是打字脚本代码

 import Cookies from "js-cookie";
import "@fancyapps/fancybox/dist/jquery.fancybox.min.css";
import "@fancyapps/fancybox";

    $(function() {
      if ($("#cookie_message")) {
        if (!Cookies.get("cookie_message")) {
          $("#cookie_message").show();
          $("#cookie_message_readmore").on("click", function() {
            $.fancybox.open($("#cookie_message_popup"), { width: 600 });
            Cookies.set("cookie_message", "true", { expires: 7 });
            $("#cookie_message").hide();
          });
        }
      }
    });

好吧，它可以工作，但它不使用fancybox.css

我是这样进口的

导入“@fancyapps/fancybox/dist/jquery.fancybox.min.css”； 导入“@fancyapps/fancybox”

看起来是这样的

而不是这个

---

如果您希望

$.fancybox.open($("#cookie_message_popup"), { width: 600 });

将使您的

#cookie_message_弹出窗口

元素的宽度为600px，则不会，它不会以这种方式工作

---

您必须使用CSS设置元素的宽度。想一想——若用户在宽度小于600px的设备上打开你们的页面会怎么样？使用CSS，您可以自由使用任何规则组合，如最小宽度/最大宽度、媒体查询等。

确保控制台中缺少fancybox CSS没有任何错误console@AwsmeSandyare中没有错误您确定CSS在dist中而不在源文件夹中是哪个版本？这是最新的3吗？fancybox在dist中。弹出消息的类在另一个文件夹中，但它似乎没有使用it@Chilll007