jquery - Tooltip and dropdown-toggle are not working with together -


i working on bootstrap dropdown , tooltip.

the problem not working gather. when put tooltip , dropdown-toggle in anchor tag tooltip working dropdown-toggle not working @ time here code not working:

<a href="#" data-target="#" data-toggle="tooltip" data-placement="bottom" title="your application detail"  class="dropdown-toggle waves-effect waves-light" id="candidate_credit_status" data-toggle="dropdown" aria-expanded="true">      <i class="md md-account-balance-wallet"></i> <span class="badge badge-xs badge-danger"></span>  </a> 

this total code in didn't use tooltip, dropdown-toggle used. in dropdown-toggle working previous describe if put tooptip tooltip work.

<li class="dropdown top-menu-item-xs app_status">  <a href="#" data-target="#" title="credit detail" class="dropdown-toggle waves-effect waves-light" id="application_status" data-toggle="dropdown" aria-expanded="true">     <i class="md md-account-balance-wallet"></i> <span class="badge badge-xs badge-danger"></span> </a>  <ul class="dropdown-menu dropdown-menu-lg">     // dropdown detail </ul> 

to solve issue have tried use jquery on mouseover. not working.

$('.app_status').on('mouseover', function() {     $(this).attr("data-toggle","tooltip");       $(this).attr("data-placement","bottom");     $(this).attr("data-original-title","credit detail");         // tried this:     //$('#application_status').tooltip();  not working }); 

why not working gather?

solution available on stackoverflow. working fiddle link available, hope helps :)


Comments

Popular posts from this blog

python - Selenium remoteWebDriver (& SauceLabs) Firefox moseMoveTo action exception -

html - How to custom Bootstrap grid height? -

transpose - Maple isnt executing function but prints function term -