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

时间:2017-04-18 12:34:23

标签: javascript jquery twitter-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>

引导模式

中的此文本框

1 个答案:

答案 0 :(得分:1)

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

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

https://jsfiddle.net/hLLe08bm/