JSFiddle - React, Tailwind, and code Playground

by ajay vembu

HTML

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<a href='#' class='btn' title ='Test' data-trigger='focus' data-toggle='popover' data-html='true' id = 'testOutside' data-content='<a 
    href="#" id="testInside" class="btn">Inside</a>'>Click Here </a>

JavaScript

$(document).ready(function(){
    $('[data-toggle="popover"]').popover();
    
    // the below is not working
    $('#testInside').click(function(){
    alert('Inside');
    });

    $('#testOutside').click(function(){
    alert('Outside');
    });
    });