2017-12-11 6 views
-1

bootstrap4のドキュメントからpopopoverと同じデモコードをcodepenにコピーしましたが、動作しません。ドキュメンテーションによると、popover.min.jsはpopoverを動作させるために必要です。私はテザーcdnを含めた。まだ動作しません。私はここで何が欠けているのか分かりません。誰か助けてくれますか?私はそれを考え出したBootstrap4 popover docのコード例がcodepenで動作しない

$(document).ready(function() { 
    $('[data-toggle="popover"]').popover() 
}) 

答えて

0

HTML

<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" 
title="Popover title" data-content="And here's some amazing content. It's 
very engaging. Right?">Click to toggle popover</button> 

はJQuery: デモコードは、このようなものです。 Bootstrap4ポップオーバーを動作させるには、 'bootstrap.bundle.min.js'が必要です。また、JQueryとbootstrap.bundle.min.jsを配置する順序も重要です。 JQueryが最初に来る。次のようになります。

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/js/bootstrap.bundle.js

関連する問題