javascript - Re-sizing Bootstrap Popover with JS - Multiple Popover Issue -


i have multiple bootstrap popovers , i'm trying re-size them needed js.

everything works if have 1 of these re-size functions , 1 clicked first work. tried merge them, rename them id or class , nothing works me.

my buttons

<a role="button"    class="btn-default a"     data-container="body"     data-toggle="popover"     data-placement="left"     id="a">button a</a>  <a role="button"    class="btn-default b"     data-container="body"     data-toggle="popover"     data-placement="bottom"     id="b">button b</a> 

any way have multiple of these alongside?

// button class var p = $('#a').popover();     p.on("show.bs.popover", function(e) {         p.data()["bs.popover"].$tip.css("max-width", "300px");     });  // button class b var p = $('#b').popover();     p.on("show.bs.popover", function(e) {         p.data()["bs.popover"].$tip.css("max-width", "500px");     }); 

btw have tried control size of these popovers css styles without luck.


Comments

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -