小编mxi*_*xix的帖子

这是我的html片段:

<div id="tag-cloud-widget">  
    <div class="content">  
        <a href="#" rel="1" class="cloud-element" data-tag-id="10" style="font-size: 12px; color: rgb(205, 236, 222); ">T1</a>  
        <a href="#" rel="1" class="cloud-element" data-tag-id="1" style="font-size: 12px; color: rgb(205, 236, 222); ">T2</a>  
        <a href="#" rel="1" class="cloud-element" data-tag-id="3" style="font-size: 12px; color: rgb(205, 236, 222); ">T3</a>  
    </div>
</div>

我想设置一个点击处理程序来响应用户点击锚标签.这是测试代码:

$("#tag-cloud-widget .content a").click(function(e) {
    alert('clicked');  
    return false;  
});  

上面的点击处理程序不会被触发,也不会:

$("#tag-cloud-widget .content .cloud-element").click(function(e) {  
    alert('clicked');  
    return false;  
});  

然而,

$("#tag-cloud-widget .content").click(function(e) { ... });  

和

$("#tag-cloud-widget").click(function(e) { ... });  

被解雇了!

我没看到什么？

我正在使用next-mdx-remote在 Next.js 项目中使用 MDX。

我一直在遵循 JetBrains WebStorm指南来构建这个，这里他们使用 bootstrap 作为 CSS，但我选择的 CSS 框架是 tailwind css。

问题是，当我安装 tailwind css 或任何其他基于 tailwind css（如flowbite ）的 CSS 时，MDX 页面会丢失其样式。

添加顺风后我期望得到什么

• tailwind.config.js

module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};

• _app.tsx

import "../styles/globals.css";
import type { AppProps } from "next/app";
import Head from "next/head";
import Script from "next/script";
import Nav from "../components/Nav";

function MyApp({ Component, pageProps }: AppProps) {
  return ( …

我试图使用 Github Flavored Markdown @next/mdx，但我似乎不知道如何在代码中使用插件。这是我所做的：

（我遵循 Next.js 文档：https://nextjs.org/docs/advanced-features/using-mdx）

初始化应用程序

1.我使用命令创建了 Next.js 应用程序

yarn create next-app next-gfm

2.然后我将所需的模块添加到

yarn add @next/mdx @mdx-js/loader

3.在pages/目录中，我删除了index.js自动生成的文件，并使用index.mdx文件替换了它。

next.config.js从这里开始，我对我的文件使用了以下配置。

yarn create next-app next-gfm

如果我们使用以下命令运行代码，yarn dev到目前为止一切正常。

添加 GFM

这是主要问题所在。现在，我使用以下命令安装了以下软件包以使用 Github Flavored Markdown：

yarn add remark-gfm rehype-stringify

导入语法错误？

next.config.js我尝试使用语法导入模块

yarn add @next/mdx @mdx-js/loader

但这给了我以下错误：

import remarkGfm from 'remark-gfm'
^^^^^^

SyntaxError: Cannot use import statement outside a module

使该项目成为module

我还尝试在我的顶部添加以下行package.json

const …