javascript - How do i show links and more in twitter bootstraps popover? -
lets have unordered list icons (here one):
<ul> <li class="in-row"><a href="#" id="meddelanden" data-content="content here..." data-title="meddelanden" data-toggle="clickover" data-placement="left"> <i class="icon-globe"></i></a> </li> </ul>
with these included files html document:
<script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript" src="../js/bootstrap.js"></script> <script> $('#meddelanden').popover('animate'); </script>
it appear fine , content shown when press icon, have links , breaks , stuff in popover container. how can this?
yes can. try using popover content
, html
attributes... see doc
html
<ul> <li class="in-row"><a href="#" id="meddelanden" data-title="meddelanden" data-toggle="clickover" data-placement="right"> <i class="icon-globe"></i></a> </li> </ul>
script
var elem = '<div><a href="google.com">google</a></div>'; $('#meddelanden').popover({animation:true, content:elem, html:true});