0

首先，我更像是 Rails 后端人员。今天的 JS 世界让我害怕。我知道这是一个超级基本的问题，但我已经绞尽脑汁想了好几天，试图弄清楚这 一点。我不知道为什么我不能在我的 HTML 中放置一个 CDN 链接并获得我需要的所有 JS。那是过去的好日子...

无论如何，我有一个使用 import-maps 的几乎全新的 Rails 7 应用程序（它们全部吗？），我正在尝试从https://tailwindui.com/preview（该页面的第一个导航栏）获取下拉“组件” ） 在职的。它开始突然打开，没有悬停效果，并且无法关闭。我的目标是更多地使用这些组件，但我阅读的所有文档似乎让我觉得有一个我不理解的缺失部分。

Gemfile包含gem "tailwindcss-rails", "~> 2.0" # github: "rails/tailwindcss-rails"

应用程序/资产/样式表/application.tailwind.css：

@tailwind base;
@tailwind components;
@tailwind utilities;

应用程序/资产/javascript/application.js

// Configure your import map in config/importmap.rb. Read more: https://github.com/rails/importmap-rails

// what else needs to go here???

配置/tailwind.config.js

// const defaultTheme = require('tailwindcss/defaultTheme')

// module.exports = {
//   content: [
//     './app/helpers/**/*.rb',
//     './app/javascript/**/*.js',
//     './app/views/**/*'
//   ],
//   theme: {
//     extend: {
//       fontFamily: {
//         sans: ['Inter var', ...defaultTheme.fontFamily.sans],
//       },
//     },
//   },
//   plugins: [
//     require('@tailwindcss/forms'),
//     require('@tailwindcss/aspect-ratio'),
//     require('@tailwindcss/typography'),
//   ]
// }

我还需要把什么放在哪里才能让它工作？感谢您填补我大脑中缺失的部分。

4

1 回答 1

-1

他们的 HTML 代码中没有 JavaScript。在 TailwindUI 主页上，他们解释说：

由 Headless UI 提供支持的 React 和 Vue 的可访问的交互式示例，如果您想自己编写任何必要的 JS，还可以加上 vanilla HTML。

所以我想在这种情况下你必须自己编写必要的 JS。

于 2022-02-28T09:43:01.863 回答