popover不會顯示在窗體內

Question

你好我是新來的web開發所以問題可能很明顯，彈出窗口不會顯示在窗體裏面，當我點擊輸入時，它在例子中工作正常但在我的代碼它不

$(document).ready(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/3.1.1/jquery.min.js"></script> 
 
    <!-- Latest compiled JavaScript --> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<input type="text" name="name" data-toggle="popover" data-placement="right" title="Popover Header" data-trigger="focus">name</input>

Answer 1

enter image description here 我使用jQuery的另一個版本的範圍滑塊我認爲這可能是問題的