Boostrap Clickover feature

added contentSelector option

by scruffles

HTML

<link rel="stylesheet" href="http://www.leecarmichael.com/bootstrapx-clickover/assets/css/bootstrap.css">
<script src="http://www.leecarmichael.com/bootstrapx-clickover/assets/js/bootstrap.js"></script>
<script src="https://raw.github.com/scruffles/bootstrapx-clickover/master/js/bootstrapx-clickover.js"></script>
<button class="btn" id="button1">Click for popup</button>


<div id="popupConent" class="popover">
    <div class="arrow"></div>
    <div class="popover-inner">
        <h3 class="popover-title"></h3>
        <div class="popover-content">
            This is the content of the popup 
            <button class="btn" id="button2">Click for Alert</button>
            <p></p>
        </div>
    </div>
</div>

CSS

#button1 {
    margin-left: 100px;
    margin-top: 100px;
}

JavaScript

$('#button1').clickover({
    contentSelector: '#popupConent'
});


$('#button2').click(function() {
    window.alert('hello');
});