当前位置: 首页 > news >正文

bootstrap-select插件在webpack中点击无响应


使用插件:https://github.com/snapappointments/bootstrap-select
  
问题:bootstrap-select插件在webpack中点击无响应
  
解决方案:
1、在入口文件中按顺序引入css和js

import 'bootstrap/dist/css/bootstrap.min.css'
import "bootstrap-select/dist/css/bootstrap-select.min.css";
import $ from 'jquery';
import 'bootstrap/dist/js/bootstrap.min.js';
import "bootstrap-select/dist/js/bootstrap-select.min.js";

  
2、资源不能重复引入(如bootstrap.js)
https://github.com/snapappointments/bootstrap-select/issues/2397
  
3、通过js添加的select元素,需延迟调用初始化方法重新初始化

this.inputElement=$("<div>");
this.select=$("<select class='selectpicker' multiple>");
this.inputElement.append(this.select);setTimeout(() => {$('.selectpicker').selectpicker();
}, 300);

http://www.wxhsa.cn/company.asp?id=1948

相关文章:

  • Kali 字体大小设置
  • 如何使用 OCR 提取扫描件 PDF 的文本(Python 实现) - E
  • 重复从网页复制文字到编辑器的Autohotkey自动化代码
  • WeakMap 应用场景与示例
  • node,nvm,nrm,npm扫盲
  • 使用 conda 懒加载的方式减少 PowerShell 的启动时间
  • 深入 Spring MVC 底层:从 DispatcherServlet 到自定义组件的全链路解析 - 实践
  • podman 替代docker
  • 202404_古剑山杯_数独
  • m1芯片装windows系统使用感受
  • mac book怎么切换windows系统
  • 硬件内在函数
  • 202205_宁波市赛_DocDocDoc
  • DP题
  • LGP7115 [NOIP 2020] 移球游戏 学习笔记
  • 阿里为何建议MVC+Manager层混合架构?
  • Android(Kotlin)+ ML Kit:移动端英文数字验证码识别实战
  • 用Android(Kotlin)+ ML Kit:移动端英文数字验证码识别实战
  • “人工智能+”的坚硬内核,边缘地带的“数字火种”:大模型如何烧出一片新天地
  • 详细介绍:10:00开始面试,10:06就出来了,问的问题有点变态。。。
  • PHP启动报错:liboing.so.5:cannot op如何处理?
  • 时空倒流 Time - 题解
  • 202508_QQ_XORPNG
  • Voice Agent 全球开发者比赛,TEN Dev Challenge 2025 等你来战!
  • 第02周 预习:Java基础语法2、面向对象入门 - hohohoho--
  • 第六届机器学习与计算机应用国际学术会议(ICMLCA 2025)
  • 设计模式-享源模式 - MaC
  • # 数论知识讲解与C++代码:唯一分解定理、辗转相除法、埃氏筛与线性筛(含质因数分解示例)
  • 第九届交通工程与运输系统国际学术会议(ICTETS 2025)
  • 小红书开源 FireRedTTS-2;全栈开源应用+嵌入式+电路设计:BUDDIE AI 语音交互方案丨日报