1

Twitter Bootstrap のポップオーバー配置オプションを正しく機能させるのに問題があります。これが私のボタンのコードです。ご覧のとおり、コードにdata-placement="bottom"を追加しました。こちらのライブ プレビュー: http://www.japaneselanguagefriend.com/application/popover.php

<a href="#" id="blob" class="btn btn-primary" rel="popover" data-placement="bottom"　data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A title">hover for popover</a>

ここに画像の説明を入力

ここに画像の説明を入力

ボタンの上にポップオーバーを直接表示し続け、正しいタイトルやコンテンツをポップオーバーに書き込んでさえいません。これがソーススクリプトを含む私のフッターです

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="assets/js/bootstrap-transition.js"></script>
<script src="assets/js/bootstrap-collapse.js"></script>
<script src="assets/js/bootstrap-modal.js"></script>
<script src="assets/js/bootstrap-dropdown.js"></script>
<script src="assets/js/bootstrap-button.js"></script>
<script src="assets/js/bootstrap-tab.js"></script>
<script src="assets/js/bootstrap-alert.js"></script>
<script src="assets/js/bootstrap-tooltip.js"></script>
<script src="assets/js/bootstrap-popover.js"></script>
<script src="assets/js/jquery.ba-hashchange.min.js"></script>
<script src="assets/js/jquery.validate.min.js"></script>
<script src="assets/js/jquery.placeholder.min.js"></script>
<script src="assets/js/jquery.jigowatt.js"></script>





<script>
$(document).ready(function() {
       $(function () {
            $("#blob")
        .popover({
            offset: 0
         })
       })
 });
 </script>
4

0 に答える 0