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

编程问答 2022-05-11

问题描述

我正在尝试使用 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 分钟的工作，但我被卡住了，希望得到一些帮助。提前致谢！

解决方法

您使用什么版本的 Bootstrap 和什么版本的 jQuery？ Bootstrap 4.6.0 和 jQuery 3.5.1 运行良好，但 jQuery 3.6.0 不会为我打开下拉菜单。也许 jQuery 3.6.0 中存在一个错误，导致与下拉菜单类似的手风琴问题。

尝试将 jQuery 降级到 3.5.1 版。

accordionjquerytwitter-bootstraptypescripttypescripttypescript