javascript - Bootstrap popover, strage underscore -
i using bootstrap api. have font-awesome icon spins when hover on it, easy enough. added popover when hover, icon has popover , spins when hover mouse on it. however, getting strange underscore character right of icon this...
it happens on every icon except far right, there no underscore, works intended.
has ever had problem, coming from?
html:
<a class="popover-icon" data-trigger="hover" data-placement="bottom" data-content="let hard work you."> <i class="hoverable fa fa-code fa-2x"></i> </a> javascript:
<!-- javascript --> <script src="js/jquery-1.10.2.js"></script> <script src="js/bootstrap.js"></script> <script src="js/bootstrap-hover-dropdown.js"</script> <script src="js/bootstrap-popover.js"</script> <script> $(".hoverable").mouseover(function(){ $(this).addclass('fa-spin'); }); $(".hoverable").mouseout(function(){ $(this).removeclass('fa-spin'); }); </script> <script> $(".hover-dropdown-menu").mouseover(function(){ $(this).addclass('dropdown-toggle');}); </script> <script> $(function(){$(".popover-icon").popover();}); </script> <!-- custom javascript side menu , smooth scrolling --> <script> $("#menu-close").click(function(e) { e.preventdefault(); $("#sidebar-wrapper").toggleclass("active"); }); </script> <script> $("#menu-toggle").click(function(e) { e.preventdefault(); $("#sidebar-wrapper").toggleclass("active"); }); </script> <script> $(function() { $('a[href*=#]:not([href=#])').click(function() { if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); if (target.length) { $('html,body').animate({ scrolltop: target.offset().top }, 1000); return false; } } }); }); </script>
Comments
Post a Comment