Bootstrap 手风琴在打字稿中不起作用

Posted 2023-05-08

【中文标题】Bootstrap 手风琴在打字稿中不起作用

【英文标题】：Bootstrap accordion not working in typescript

【发布时间】：2021-07-11 04:54:44

【问题描述】：

我正在尝试使用 Bootstrap 制作手风琴，但由于某些原因，每当我点击手风琴时，切换按钮不起作用。我直接粘贴了教程网站上的代码，但它仍然无法正常工作，我已经导入了 bootstrap 和 jquery，想知道我还缺少什么。

这是我的进口

import React, FormattedMessage, defaultMessages as jimuCoreDefaultMessage, AllWidgetProps, css, jsx, styled from 'jimu-core';
 import IMConfig from '../config';
import  Tabs, Tab, Button from 'jimu-ui';
import defaultMessages from './translations/default';
import ProgressBar from 'react-bootstrap';
 import 'bootstrap/dist/css/bootstrap.min.css';
import'./main.css';

import  render  from "react-dom";
import 'font-awesome/css/font-awesome.min.css';
import * as $ from 'jquery';

这是我的手风琴代码

<div class="container">
  <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">Simple collapsible</button>
  <div id="demo" class="collapse">test</div>
</div>

我已经调试了 2 天，这应该是一个 5 分钟的工作，我被卡住了，希望能得到一些帮助。提前致谢！

【参考方案1】：

你使用什么版本的 Bootstrap 和什么版本的 jQuery？带有 jQ​​uery 3.5.1 的 Bootstrap 4.6.0 运行良好，但带有 jQ​​uery 3.6.0 并没有为我打开下拉菜单。可能 jQuery 3.6.0 中存在一个错误，这会导致与手风琴类似的问题，例如下拉菜单。

尝试将 jQuery 降级到 3.5.1 版。