동적 ID로 부트 스트랩 팝 업 표시

Question

부트 스트랩 사용법을 배우고 있으며 양식 내의 입력 필드에 대해 동적으로 팝업을 표시하는 방법을 알고 싶습니다. 나는 다음을 시도했으나 효과가 없었다.

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

모든 입력 필드에 대해 별도의 이벤트가 발생하지 않도록 노력 중입니다. 여기

내가

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

감사 모든 도움을 조작하기 위해 사용하고있는 HTML이다.

Answer 1

이 시도 :

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

가 어쨌든, 그것을 테스트하지 않았습니다.

Answer 2

html도 제공하면 좋을 것입니다. 그러나 당신이 준 것에 따라, 이것은 가능한 설명이다.

만약 입력이 ID라면 다음과 같이 동작해야한다. 그렇지 않으면 을 선택하지 않아도됩니다. ID에 대한

당신은 "#"

및 클래스 이름

당신이를 추가를 추가 "."

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