Question

我在我的应用程序中使用了外部CSS / Jquery UI工具包。我已经在_document.js

中添加了脚本

df <- data.frame(date = c("2020-01-01", "2020-01-02", "2020-01-03", "2020-01-04", "2020-01-05"),
 items_sold = c(10,40,90, 10, 20))

df.result <- data.frame(date = c("2020-01-01", "2020-01-02", "2020-01-03", "2020-01-04", "2020-01-05"), 
 items_sold = c(10,40,90, 10, 20),
 items_sold_real = c(10,40,90, 110, 130),
 items_sold_differene_day = c(NA, 30, 50, 20, 20)
)

在我的一个组件中，CSS类未正确初始化。

render() {
return (
  <Html>
    <Head />
    <body>
      <Main />
      <NextScript />
      <script src="/js/jquery-3.5.1.js"></script>
      <script src="/js/bulkit/extensions/bulma-steps.min.js"></script>
      <script src="/js/bulkit/functions.js"></script>
      <script src="/js/bulkit/main.js"></script>
    </body>
  </Html>
)}

此处组件 RegistrationForm 使用外部CSS库，并且以异步方式设置了 auth.user （它会在Google Firebase中检查身份验证并相应地呈现组件）如果删除 auth.user ，则可以正确初始化类，并且可以达到预期的效果。

jquery脚本中的init函数在此处添加-
$（document）.ready（function（$）{init_css_class}

我尝试将其更改为 $（window）.on（'load'，function（）{}）。它仍然无法正常工作。我不清楚我在做什么错

jQuery脚本在nextjs应用程序中无法正常工作

0 个答案: