반응형
부트스트랩 팝오버 컴포넌트를 사용하려다 보면, live / on 으로 이벤트를 바인딩 해야할 경우가 있다.
jsFiddle 에 누가 올려놓음. 링크
그래서~ 아래와 같이
HTML
<div id="popover-triggers">
<a class="btn has-popover" data-content="Hello world">Initial trigger</a>
</div>
<a class="btn btn-orange add-one">Add new Popover trigger</a>
$('body').popover({
selector: '.has-popover',
trigger: 'hover'
});
$('.add-one').on('click', function () {
$('#popover-triggers').append("Added trigger")
;});
반응형
'Development > UI FrameWork' 카테고리의 다른 글
[BootStrap 3] ScrollSpy (0) | 2016.06.19 |
---|---|
[BootStrap 3] popover Example (0) | 2016.06.19 |
[BootStrap] Tooltip Styling (0) | 2016.06.19 |
부트스트랩 페이징 가운데 정렬(Center) (1) | 2014.10.28 |
Metro UI CSS 2.0 BootStrap - Guide 1. Base CSS | 1. General CSS (0) | 2014.06.17 |
댓글