按动态ID显​​示Bootstrap popover

Question

我正在学习如何使用Bootstrap，并想知道如何动态显示表单内输入字段的弹出窗口。我尝试了以下但是没有用。

<script type="text/javascript">
  $('input').one('focus', function() {
    var id=$(this).attr('id');
    $('input[id='.id.']').popover({'trigger':'focus''});
  });                                                                                                                                           
</script>

我试图避免为每个输入字段分别设置事件。

这是我用来操作的HTML

     <input type="email" 
            name="email"
            id="email"
            data-title="E-Mail Address"
            data-content="E-Mail address"
            data-alignment="right"/>

所有帮助表示赞赏。

Answer 1

如果你也提供HTML也会很好。但根据你所给的， 这是可能的解释

如果输入为ID，则以下内容应该有效。否则它不会 你需要给出适当的选择器。

对于您附加“＃”的ID

对于类名，您附加“。”

  <script type="text/javascript">
 $('#email').on('focus', function() {
var id=$(this).attr('id');
$("#"+id).popover({'trigger':'focus''});
 });                                                                                                                                           
 </script>

Answer 2

试试这个：

<script type="text/javascript">
    $('input').one('focus', function() {
      $(this).popover({'trigger':'focus''});
    });
</script>

无论如何，我还没有测试过。