ブートストラップポップオーバーは

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

.edit-list-element{ 
 
    position: absolute; 
 
    top: 4px; 
 
    left: 214px; 
 
    padding-top: 5px; 
 
    visibility: hidden; 
 
}

<a href="#" data-toggle="popover" title="List options" data-content="Some content inside popover"><span class="glyphicon list-glyphicon glyphicon-option-horizontal option-list-img"></span></a>

私はこっちに類似の記事をたくさん読んを表示されませんが、提供方法のどれも働きました。

出典

2016-11-16 K.S

あなたは '.editリスト-element'のためにあなたのCSSを追加して、特定の理由はありますか？あなたのマークアップにあるかどうかは分かりません。 – Crowes

あなたはどんなJSスクリプトを含んでいますか？ブートストラップの前にJQueryが最初にロードされていることを確認しましたか？またはスクリプトを非同期に設定しましたか？または$ objectと矛盾する別のライブラリを使用していますか？ –

ブートストラップを実行するために必要なCSSとスクリプトが含まれていることを確認してください。下記のコードをご確認ください。

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

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<a href="#" data-toggle="popover" title="List options" data-content="Some content inside popover"><span class="glyphicon list-glyphicon glyphicon-option-horizontal option-list-img"></span></a>

出典

2016-11-16 14:33:07 claudios

すべてが含まれています-_- –

ブートストラップポップオーバーは

答えて

関連する問題