twitter-bootstrap-modal

Demostrating issues #143 and #144 in bootstrap-select.

HTML

<button id="inject">inject modal</button>

CSS

.modal {
    height: 25px;
    width: 70px;
    padding: 10px;
    background-color: dodgerblue;
    margin: 25px;
}

JavaScript

$(function() {
    
    $('#inject').click(function() {
        $('body').append('<div class="modal"><button class="js-copy-bob-btn">Copy Url</button></div>');
    })
    
    // does not work
    $('.js-copy-bob-btn').on('click', function(event) {
      console.log('copied via on')
    });
    
    // works - dynamic content
    $('body').delegate('.js-copy-bob-btn', 'click', function() {
  		console.log('copied via delegate')
	});
})