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
Post a Comment