国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

使用bootstrap的dropdown部件時(shí)報(bào)錯(cuò)：error：Bootstrap dropdown

Scorpion / 897人閱讀

摘要：前言前端小白一枚，剛注冊(cè)博客，先發(fā)個(gè)學(xué)習(xí)過(guò)程中新碰到小問(wèn)題試試水吧摘要最近在學(xué)習(xí)，偶然碰到了一個(gè)小問(wèn)題，網(wǎng)站也沒(méi)有做過(guò)多的解釋，今天分享給大家。保存好刷新網(wǎng)頁(yè)再試了一下，發(fā)現(xiàn)還是不行，仍報(bào)了剛才的錯(cuò)誤。最后貼上一個(gè)參考資料路徑

前言：前端小白一枚，剛注冊(cè)博客，先發(fā)個(gè)學(xué)習(xí)過(guò)程中新碰到小問(wèn)題試試水吧~

摘要：最近在學(xué)習(xí)bootstrap，偶然碰到了一個(gè)小問(wèn)題，bootstrap網(wǎng)站也沒(méi)有做過(guò)多的解釋，今天分享給大家。

問(wèn)題描述：使用bootstrap的dropdown部件，打開網(wǎng)頁(yè)后點(diǎn)擊dropdown，報(bào)了如下錯(cuò)誤：error：Bootstrap dropdown require Popper.js

bootstrap代碼（只要是含dropdown部件的都可以啦）為：

<ul class="nav nav-tabs">
   <li class="nav-item dropdown">
     <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Animationa>
     <div class="dropdown-menu">
     <a class="dropdown-item" href="#">Actiona>
     <a class="dropdown-item" href="#">Another actiona>
     <a class="dropdown-item" href="#">Something else herea>
     <div class="dropdown-divider">div>
     <a class="dropdown-item" href="#">Separated linka>
     div>
   li>
ul>

看錯(cuò)誤提示，應(yīng)該是要導(dǎo)入Popper.js文件，網(wǎng)上查了下方法，可以直接工程目錄下使用npm安裝：npm install --save popper.js

安裝好后，我們可以在目錄下找到node_modules文件夾，然后將popper.js文件引入html()。

保存好刷新網(wǎng)頁(yè)再試了一下，發(fā)現(xiàn)還是不行，仍報(bào)了剛才的錯(cuò)誤。于是我檢查了一下node_modules->dist文件夾下的popper.js文件，發(fā)現(xiàn)有3個(gè)這樣的文件（esm和umd文件夾下也各有一個(gè)popper.js文件）。再于是我把它們分別引入后再操作一下dropdown部件，最后在引入umd文件下的popper.js后^_^,bingo--終于是可以用了YY。雖然不知道為啥會(huì)這樣，但也算是成功解決了問(wèn)題。

最后貼上一個(gè)參考資料路徑：https://github.com/twbs/bootstrap/issues/23381

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/1870.html

相關(guān)文章

  • Bootstrap Mega Menu

    摘要：完整的代碼放在。鼠標(biāo)事件組件通過(guò)點(diǎn)擊打開菜單，不符合大菜單場(chǎng)景，需要修改成，鼠標(biāo)移入時(shí)打開菜單，鼠標(biāo)移出時(shí)關(guān)閉菜單。鼠標(biāo)移入時(shí)，顯示菜單。自適應(yīng)屏幕寬度當(dāng)屏幕尺寸小于像素時(shí)，菜單會(huì)自動(dòng)折疊，恢復(fù)默認(rèn)行為，通過(guò)點(diǎn)擊來(lái)打開菜單。 完整的代碼放在 jsFiddle Bootstrap Mega Menu 。 我們管 Mega Menu 叫做大菜單吧，巨、超級(jí)啥的，不足以彰顯我們的草根貴氣。 ...

    booster 評(píng)論0 收藏0

  • 下拉多選框

    摘要：基于來(lái)制作的一個(gè)下拉多選控件使用前需加載庫(kù)樣式和還有。由于我覺得有趣一點(diǎn)，把項(xiàng)目遷移到了，地址如下 Bootstrap Selection 基于Bootstrap.dropdown來(lái)制作的一個(gè)下拉多選控件 使用前需加載JQuery、Bootstrap庫(kù)（樣式和JS）還有underscore js。 如果不需要?jiǎng)討B(tài)加載下拉項(xiàng)可不加載underscore js 例子 簡(jiǎn)單使用 ...

    Lyux 評(píng)論0 收藏0

  • Bootstrap 之 Metronic 模板的學(xué)習(xí)之路 - （4）源碼分析之腳本部分

    摘要：修復(fù)后得到合法的后在由布局引擎建立相應(yīng)的對(duì)象。在標(biāo)簽放置于標(biāo)簽之后時(shí)，源碼被所有瀏覽器泛指上常見的修復(fù)為正常形式，即。上一篇之模板的學(xué)習(xí)之路源碼分析之部分下一篇之模板的學(xué)習(xí)之路主題布局配置 上篇我們將 body 標(biāo)簽主體部分進(jìn)行了簡(jiǎn)單總覽，下面看看最后的腳本部門。 頁(yè)面結(jié)尾部分（Javascripts 腳本文件） 我們來(lái)看看代碼最后的代碼，摘取如下： ...

    piglei 評(píng)論0 收藏0

  • webpack多頁(yè)應(yīng)用架構(gòu)系列（十）：如何打造一個(gè)自定義的bootstrap

    摘要：我個(gè)人慣用的是，因此本文以為例來(lái)介紹如何打造一個(gè)自定義的。引入全局的方法請(qǐng)看我之前的這篇文章多頁(yè)應(yīng)用架構(gòu)系列四老式插件還不能丟，怎么兼容，我的腳手架項(xiàng)目也是使用的這套方案。 本文首發(fā)于Array_Huang的技術(shù)博客——實(shí)用至上，非經(jīng)作者同意，請(qǐng)勿轉(zhuǎn)載。原文地址：https://segmentfault.com/a/1190000007043716如果您對(duì)本系列文章感興趣，歡迎關(guān)注訂閱...

    jindong 評(píng)論0 收藏0

  • bootstrap4.0 css架構(gòu)

    摘要：原子性的默認(rèn)變量一般是用來(lái)設(shè)置默認(rèn)值，然后根據(jù)需求來(lái)覆蓋的。語(yǔ)義化的變量名，值為直接的屬性值。組件文件互不引用。組合有幾個(gè)入口文件對(duì)組件進(jìn)行按順序的引入，形成不同的專用，形成完整可用的樣式，注意引用順序。 原子性 sass的默認(rèn)變量一般是用來(lái)設(shè)置默認(rèn)值，然后根據(jù)需求來(lái)覆蓋的。覆蓋的方式也很簡(jiǎn)單，只需要在默認(rèn)變量之前重新聲明下變量即可 存放變量的文件。語(yǔ)義化的變量名，值為直接的屬性值。 ...

    solocoder 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<