jquery - Twitter bootstrap popover is broken -


note:

  • jquery 1.9.1
  • bootstrap 2.3.1
  • wordpress 3.6 beta 1 - issue happens in wordpress 3.6 beta

it seems popovers broken in latest version of wordpress, have html element popover attached, along jquery makes popover work.

image

enter image description here

in case can't see it, arrow pop on moved left , practically opaque

html particular element:

<div class="control-group">     <label class="radio">         <input type="radio" class="regular" name="aisis_options[posts_display]" value="regular_posts" checked=""> display normal index of posts.          <a href="#" id="regularposts" rel="popover" data-content="this regular list of posts, comes sidebar , pagination." data-trigger="hover" data-original-title="display regular listing">             <i class="icon-info-sign"></i>        </a>     </label> </div> 

jquery:

$("#regularposts").popover({ html : true }); 

i don't know else show cant give admin access wordpress "live" dev environment.

can tell me what's going on?

i confirm conflict between 2 stylesheets (bootstrap & wordpress load-styles.php) appeared on wordpress 3.6 beta 1.

in beta version, apparently added class .arrow used twitter bootstrap popover.

how did fix it?

  1. bootstrap.min.js: replace <div class="arrow"> <div class="popover-arrow">
  2. bootstrap.min.css: mass replace .arrow .popover-arrow

hope helps!


Comments

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

java Extracting Zip file -

C# WinForm - loading screen -