javascript - Bootstrap Modal 包含文本框弹出不起作用

Question

我在该模态包含文本框内有模态 Bootstrap ，我想要弹出框，但文本框不起作用

 $("#firstName").popover({
                html: true,
                trigger: 'hover',
                placement: 'left',
                content: 'sdsdfdsf'
            });


<div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Modal Header</h4>
    </div>
    <div class="modal-body">
      <p><input type="text" id="firstName"></p>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>

</div>

这个文本框位于 Bootstrap 模式内

Answer 1

这是您的代码的工作版本:

$(document).ready(function(){
$("#firstName").popover({
                html: true,
                trigger: 'hover',
                placement: 'right',
                content: 'Your better description here.',
            });
})

https://jsfiddle.net/hLLe08bm/