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的另一个版本的范围滑块我认为这可能是问题的