javascript - 按动态 ID 显示 Bootstrap 弹出框

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

Try this:

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

I haven't test it, anyway.

Answer 2

如果您也提供html，那就太好了。但根据你给出的，这是可能的解释

如果输入是 ID，那么以下应该可以工作。否则你不需要提供适当的选择器。

对于您附加“#”的 ID

对于类名，您附加一个“。”

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