弹出输入字段

时间:2013-05-15 00:24:59

标签: html css css3 twitter-bootstrap

我已经尝试过查看以前的解决方案但其中没有一个有效。

点击输入字段后,我试图在左侧显示一个弹出窗口。

HTML:

<input id="name" type="text" placeholder="Type your full name" rel="popover">

JS:

<script type="text/javascript">
  $('#name').popover({'title': 'Name tooltip'});
</script>

4 个答案:

答案 0 :(得分:3)

如果在初始化弹出窗口时使用placement:left,它应该可以正常工作。你的弹出窗口根本不工作,或者只是不在左边?

并且,不要忘记document.ready ..

$(document).ready(function() {
   $('#name').popover({title:'Name tooltip',placement:'left'});
});

演示http://bootply.com/61386

答案 1 :(得分:0)

qTip很好!第2版​​已经发布:http://craigsworks.com/projects/qtip2/

答案 2 :(得分:0)

试试这个

<script type="text/javascript">
  $("#name").popover({title: "Name tooltip"});
</script>

答案 3 :(得分:0)

我的愚蠢错误。我没有从正确的目录中加载JavaScript文件。