问题标签 [bootstrap-native]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
361 浏览

javascript - 在没有 jQuery 的情况下捕获 BootstrapNative 模态关闭事件

我正在使用Bootstrap-Native,我想检测模式何时关闭,有没有办法用纯 javascript 做到这一点?

我试过了:

但事件不会触发。

0 投票
1 回答
154 浏览

javascript - 为什么我的 React 应用程序中没有呈现 Bootstrap Native 组件?

试过了

在 create-react 应用程序的 index.js 文件中加载import 'bootstrap.native/dist/bootstrap-native-v4.js';

预期结果: 将引导组件(导航栏、模式、警报、弹出...)转换为 jsx 并创建反应组件应该在引导 v4 中按预期工作。

问题: 直接粘贴到 index.html 时有效,但尝试通过组件渲染时无效。

这表明引导本机已正确加载,但它似乎仅在引导代码在 DOM 中时才有效,而不是在“创建反应应用程序”呈现的代码上。

此外,任何关于使用引导组件作为反应组件而不使用 jquery 或任何反应引导库(本机实现)的任何建议都将受到欢迎。

0 投票
1 回答
257 浏览

javascript - 使用不带 jquery 的 bootstrap-native 以编程方式打开选项卡

我正在为 Bootstrap 4 Link使用非 JQuery 库 bootstrap-native ,我需要以编程方式打开一个选项卡。

当使用 jquery 时,我会这样做:

.tab('show')不起作用,有没有办法用普通的javascript做到这一点?

0 投票
1 回答
137 浏览

javascript - 使用 turbolink 以编程方式打开 Bootstrap 选项卡

我试图在页面加载后打开一个 Bootstrap 4 标签。如果我刷新页面,它确实有效,但如果我在网站内导航,我会收到一个查询选择器空错误。

这是我的代码,这基本上是我对这个https://webdesign.tutsplus.com/tutorials/how-to-add-deep-linking-to-the-bootstrap-4-tabs-component--cms-所做的一个端口31180因为我使用的是 Bootstrap-native,所以我不得不用 vanilla Javascript 重写它。

我把它放在结束 body 标签之前。如果我编写http://www.myURL#mytab并单击刷新,页面刷新和选项卡会更改,但如果我从(涡轮)链接到达那里,它不会找到要查询选择的选项卡。恐怕问题出在“加载”事件上,我尝试了不同的方法,但无法使其正常工作。

0 投票
1 回答
35 浏览

html - Bootstrap 5“导航栏”折叠不起作用

基本代码:

我尝试过重定向,使用其他 CDN 和其他因素,但没有任何效果,没有一个可以使折叠工作。我需要一些帮助,因为我不知道为什么它不起作用。谁能帮助我并解释原因,我将不胜感激。