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

http://jsfiddle.net/4jhzg/

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}); 

Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

c# - Attempting to upload to FTP: System.Net.WebException: System error -

ios - UISlider customization: how to properly add shadow to custom knob image -