时间戳

首页 > 解决方案 > 如何独立使用 Bootstrap dropdown.js？

javascript - 如何独立使用 Bootstrap dropdown.js？

问题描述

是否可以在不使用 Bootstrap 库的其余部分的情况下使用 Bootstrap dropdown.js 组件？我试过了，但没有设法让它工作。

从文档中，我可以看到 dropdown.js 组件需要 Popper，我可以在 GitHub 上找到 dropdown.js src文件。

但似乎 dropdown.js 有很多依赖项：

import * as Popper from '@popperjs/core'

import {
  defineJQueryPlugin,
  getElement,
  getElementFromSelector,
  isDisabled,
  isElement,
  isVisible,
  isRTL,
  noop,
  getNextActiveElement,
  typeCheckConfig
} from './util/index'
import EventHandler from './dom/event-handler'
import Manipulator from './dom/manipulator'
import SelectorEngine from './dom/selector-engine'
import BaseComponent from './base-component'

我不知道该怎么处理这些。我已经尝试删除它们，但我只是收到错误消息，说明文件中稍后的变量未定义。

标签： javascriptbootstrap-4

解决方案

这是不可能的。Dropdown.js 是使用 popper.js 和引导库中的函数构建的。

如果您正在寻找引导程序之外的下拉菜单，我会推荐使用 jQuery 的selected.js 。如果您下载源文件，您可以修改 css 以使其更符合您的喜好。

除此之外，您还可以制作自己的vanilla javascript dropdown。

如果你真的很喜欢 dropdown.js 但又需要让它独立，你可以使用开发者工具对其进行逆向工程并制作你自己的。

推荐阅读