사용자가 부트 스트랩 팝업 버튼을 클릭하여 버튼을 클릭하는 방법

Question

div가 있습니다. 그 공중 선회에서 나는 popover를 보여준다. popover에서 두 개의 버튼을 만들었습니다. 문제는 내가 마우스를 가져 가면 버튼 팝업이 사라집니다. 나는 div를 동적으로 만든다.

팝 오버를 들어

$('.more').click(function() { 
     opinionBox += '<div onmouseenter="test($(this))" class="opinion">hello</div>'; 
     $(this).append(opinionBox); 
}) 

: 당신은이

function test(box) { 
    box.popover({title: 'Current Opinion', 
       trigger: 'hover', 
       delay: { hide: 5000 }, // or greater time as you think 
       html: 'true', 
       content: '<div><button>Press Me</button></div>', 
       placement: 'left' 
       }).popover('show'); 
} 

Answer 1

:

function test(box) { 
    box.popover({title: 'Current Opinion', 
       trigger: 'hover', 
       html: 'true', 
       content: '<div><button>Press Me</button></div>', 
       placement: 'left' 
       }).popover('show'); 
} 

Answer 2

내가 팝 오버 속성 (밀리 초) '지연'을 넣어 당신을 제안 내가 뭘 시도하는 것은 이것이다 'hover'이벤트를 사용 했으므로 마우스가 div에서 빠져 나오면 popover가 제거됩니다. '클릭'이 효과가 있으면 트리거 이벤트를 '클릭'으로 사용할 수 있습니다. 이렇게하면 마우스를 놓은 후에 div가 제거되지 않습니다.

box.popover({title: 'Current Opinion', 
      trigger: 'click',   // Changed event from hover to click 
      html: 'true', 
      content: '<div><button>Press Me</button></div>', 
      placement: 'left' 
      }).popover('show');