Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta name="generator"
- content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
- <title>Teste</title>
- <!-- Latest compiled and minified CSS -->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css" />
- <script src="https://code.jquery.com/jquery-git2.min.js"></script>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
- <style>
- .html-popup {
- display: none;
- }
- </style>
- </head>
- <body>
- <div class="tree">
- <div class="html-popup">
- <span>Popup text</span>
- <a id="link" href="http://www.google.com">Link somewhere</a></div>
- <a tabindex="0" role="button" data-container="body" data-toggle="popover" data-trigger="focus" data-placement="bottom">Text
- that has a popover</a>
- </div>
- <script>
- $('.tree [data-toggle="popover" ]').popover({
- html: true,
- content: function () {
- return $(this).prev().html();
- }
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement